/*banner*/
.ab_zindex {z-index:3}

.header{position:fixed;top:.28rem;left:0;width:100%;z-index:18}
.header>div{display:flex;justify-content:space-between;align-items:center;}
.header .logos {line-height:1.6rem;}
.header .logos img {max-height:.93rem;transition:none;}
.header .navs ul {display:flex;align-items:center;gap:0 .9rem;}
.header .navs li a{font-size:.18rem;color:#FFF}
.header .navs li.active a{color:#0ba303;text-decoration:underline;}
.header .navs li a:hover {color:#0ba303}
.header .search{position:relative}
.header .search input {width:1.78rem;border:1px solid #FFF;border-radius:999px;font-size:.18rem;color:#FFF;padding:0 .4rem 0 .2rem;background:none;height:.58rem;}
.header .search button {font-size:.18rem;color:#FFF;background:none;border:0;position:absolute;top:50%;right:.12rem;transform:translateY(-50%);z-index:1}
.header .search input::placeholder{color:#FFF}

.is_header {background:rgba(0,0,0,.8);top:0;}
.is_header .logos {line-height:1rem;}
.is_header .logos img {max-height:.85rem;transition:all .3s linear}

/**/

.tem_banner{}
.tem_banner .label_text{position:absolute;top:50%;left:0;transform:translateY(-50%);text-align:center;width:100%}
.tem_banner .label_text p{font-size:.24rem;color:#FFF;margin:0 0 .2rem;}
.tem_banner .label_text h3 {font-size:.6rem;color:#FFF;font-weight:bold;}
.tem_banner .label_text>*{opacity:0;transform:translateY(3vw)}
.tem_banner .swiper-slide-active .label_text>*{transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.tem_banner .swiper-slide-active .label_text h3 {transition-delay:150ms}

.tem_banner .swiper-page{position:absolute;bottom:1rem;left:1.6rem;z-index:1;display:flex;align-items:flex-end}
.tem_banner .swiper-page .slide-scrollbar{flex:0 0 1.44rem;height:2px;background:rgba(255,255,255,.35);margin-right:.1rem;}
.tem_banner .swiper-page .slide-scrollbar>div{background:#FFF}
.tem_banner .swiper-page .slide-pagination{font-size:.2rem;color:rgba(255,255,255,.26);font-family:"akzidenzgroteskbq-xbold";line-height:1;display:flex;align-items:flex-end}
.tem_banner .swiper-page .slide-pagination i{font-size:.36rem;color:#FFF;line-height:1;margin-right:.1rem;}
/**/
.index_about{background:url(../images/x0.jpg) center no-repeat;background-size:cover;padding:1.7rem 0 2.2rem;}
.index_about>div{display:flex;}
.index_about>div>div{flex:0 0 50%}
.index_about .let {padding:0 1.3rem 0 0}
.index_about .let span {font-size:.18rem;color:#0ba303;padding-left:.95rem;position:relative;display:inline-block;}
.index_about .let span:before{content:'';width:.9rem;height:1px;background:#0ba303;position:absolute;left:0;top:50%}
.index_about .let h3 {font-size:.3rem;color:#313131;font-weight:bold;margin:.2rem 0 .55rem;}
.index_about .rlt {padding:0 0 0 1.3rem;}
.index_about .rlt .nums{background:#FFF;display:flex;align-items:center;padding:.49rem 0 .37rem;border:1px solid #dcdcdc}
.index_about .rlt .nums>div{flex:0 0 50%;display:flex;justify-content:center;border-right:1px solid #e5e5e5}
.index_about .rlt .nums h5{font-size:.16rem;color:#2a2a2a}
.index_about .rlt .nums h5 em {font-size:.72rem;color:#0ba303;font-family:"akzidenzgroteskbq-xbold";display:inline-block;vertical-align:top;line-height:1;margin-right:.1rem;}
.index_about .rlt .nums p{font-size:.18rem;color:#2a2a2a;margin:.1rem 0 0}
.index_about .rlt .nums>div:last-child{border:0}
.index_about .rlt>p{font-size:.18rem;color:#313131;margin:.5rem 0 1.2rem;line-height:1.8}
.index_about .rlt>a{display:inline-block;font-size:.18rem;color:#FFF;padding:0 .75rem;line-height:.62rem;background:#41a154}


.index_product{display:flex;}
.index_product .let{background-position:center;background-repeat:no-repeat;background-size:cover;padding:2.36rem .1rem 0 1.6rem;height:100vh;flex:0 0 39.3%}
.index_product .let .titles{margin:0 0 .75rem;}
.index_product .let .titles span {font-size:.18rem;color:#FFF;padding-left:.95rem;position:relative;display:inline-block;}
.index_product .let .titles span:before{content:'';width:.9rem;height:1px;background:#FFF;position:absolute;left:0;top:50%}
.index_product .let .titles h3 {font-size:.3rem;color:#FFF;font-weight:bold;margin:.2rem 0 0;}
.index_product .let .editor{font-size:.18rem;color:#FFF;line-height:1.8;margin:0 0 .8rem;}
.index_product .let>a{font-size:.18rem;color:#FFF;}
.index_product .let>a i {margin-left:.1rem;font-size:.2rem;}
.index_product .lists{flex:0 0 60.7%;display:flex;}
.index_product .lists>div{flex:0 0 50%}
.index_product .lists a{display:block;height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.index_product .lists p{margin:0;font-size:.36rem;color:#FFF;font-weight:bold;position:absolute;left:.65rem;bottom:1.4rem;z-index:1}

.index_sloutuon{padding:.75rem 0 .85rem;}
.index_sloutuon .titles{padding:0 0 .6rem;display:flex;justify-content:space-between;align-items:center;}
.index_sloutuon .titles span {font-size:.18rem;color:#0ba303;padding-left:.95rem;position:relative;display:inline-block;}
.index_sloutuon .titles span:before{content:'';width:.9rem;height:1px;background:#0ba303;position:absolute;left:0;top:50%}
.index_sloutuon .titles h3 {font-size:.3rem;color:#313131;font-weight:bold;margin:.2rem 0 0;}
.index_sloutuon .titles a{display:inline-block;font-size:.18rem;color:#FFF;padding:0 .75rem;line-height:.62rem;background:#41a154}
.index_sloutuon .swiper-slide{padding:0 0 .95rem;}
.index_sloutuon .swiper-slide a{display:block;}
.index_sloutuon .swiper-slide .imgs img {width:100%;height:5.58rem;object-fit:cover;transition:none}
.index_sloutuon .swiper-slide .text{position:absolute;bottom:0;left:0;z-index:2;width:60%;padding:.4rem .5rem .25rem;background:#41a154;opacity:0;transform:translateY(3vw)}
.index_sloutuon .swiper-slide .text h4{font-size:.3rem;color:#FFF;margin:0 0 .15rem;}
.index_sloutuon .swiper-slide .text .editor{font-size:.16rem;color:#FFF}
.index_sloutuon .lists{position:relative}
.index_sloutuon .swiper-slide-active .text {transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:300ms}
.index_sloutuon .lists .swiper-page{position:absolute;right:21%;bottom:.2rem;z-index:1}
.index_sloutuon .lists .swiper-page .pages{display:flex;align-items:center;gap:0 .13rem;justify-content:flex-end}
.index_sloutuon .lists .swiper-page .pages>div{width:.45rem;height:.45rem;background:#FFF;border-radius:100%;box-shadow:0 0 .18rem rgba(0,0,0,.12);line-height:.45rem;text-align:center;font-size:.2rem;color:#454545}
.index_sloutuon .lists .swiper-page .pages>div:hover {background:#0ba303;color:#FFF}
.index_sloutuon .lists .swiper-page .boxs {position:relative;margin:.25rem 0 0;transform:translateX(-.4rem)}
.index_sloutuon .lists .swiper-page .slide-pagination{width:2.45rem;display:flex;align-items:center;justify-content:space-between;font-size:.24rem;color:#313131;font-family:"akzidenzgroteskbq-xbold"}
.index_sloutuon .lists .swiper-page .slide-scrollbar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.69rem;height:1px;background:#e5e5e5}
.index_sloutuon .lists .swiper-page .slide-scrollbar>div{background:#0ba303}

.index_partner{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;height:9.55rem;}
.index_partner h3{position:absolute;top:1rem;left:0;width:100%;text-align:center;font-size:.45rem;color:#313131;font-weight:bold;z-index:1}
.index_partner .text{position:absolute;left:50%;top:45%;transform:translate(-50%,0);text-align:center;display:flex;gap:.3rem 0;flex-direction: column;z-index:3}
.index_partner .text img{max-height:1.22rem;transition:none;}
.index_partner .text .mores a{font-size:.16rem;color:#212121;}
.index_partner .text .mores a i{margin-left:.1rem;width:.33rem;height:.33rem;background:#0ba303;border-radius:100%;line-height:.33rem;text-align:center;color:#FFF;font-size:.2rem;}
#float-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* 不阻挡点击 */
}

.index_news{padding:.85rem 0 .99rem;}
.index_news .titles{display:flex;justify-content:space-between;align-items:center;margin:0 0 .3rem;}
.index_news .titles span {font-size:.18rem;color:#0ba303;padding-left:.95rem;position:relative;display:inline-block;}
.index_news .titles span:before{content:'';width:.9rem;height:1px;background:#0ba303;position:absolute;left:0;top:50%}
.index_news .titles h3 {font-size:.3rem;color:#313131;font-weight:bold;margin:.2rem 0 0;}
.index_news .titles a{display:inline-block;font-size:.18rem;color:#FFF;padding:0 .75rem;line-height:.62rem;background:#41a154}
.index_news .mains{display:flex;}
.index_news .mains>div{flex:0 0 33.333%}
.index_news .mains .item a{display:block;border:1px solid #dcdcdc;position:relative;padding:.54rem .48rem .39rem}
.index_news .mains .item a:before{content:'';width:0;height:7px;background:linear-gradient(to right, #eef9ed, #0ba303);position:absolute;bottom:0;left:0;transition:all .35s linear}
.index_news .mains .item .imgs img {width:100%;height:3.01rem;object-fit:cover;transition:none}
.index_news .mains .item .text{padding:.4rem 0 0}
.index_news .mains .item .text h5{font-size:.22rem;color:#1b1b1b;font-weight:bold;line-height:.28rem;height:.56rem;overflow:hidden;}
.index_news .mains .item .text p{font-size:.18rem;color:#5a5a5a;line-height:.25rem;height:.5rem;overflow:hidden;margin:.1rem 0 .4rem;}
.index_news .mains .item .text .mores{display:flex;align-items:center;justify-content:space-between;}
.index_news .mains .item .text .mores i{width:.54rem;height:.54rem;background:#c9c9c9;line-height:.54rem;text-align:center;font-size:.2rem;color:#FFF}
.index_news .mains .item .text .mores span{font-size:.18rem;color:#5a5a5a}
.index_news .mains .item a:hover:before{width:100%}
.index_news .mains .item a:hover .text h5{color:#0ba303}
.index_news .mains .item a:hover .text .mores i{background:#0ba303}
.index_news .mains .list{border:1px solid #dcdcdc}
.index_news .mains .list>div{height:20%;border-bottom:1px solid #dcdcdc}
.index_news .mains .list>div a{display:flex;height:100%;padding:0 .35rem;    flex-direction: column;    justify-content: center;position:relative;}
.index_news .mains .list>div a:before{content:'';width:0;height:7px;background:linear-gradient(to right, #eef9ed, #0ba303);position:absolute;bottom:0;left:0;transition:all .35s linear}
.index_news .mains .list>div h6{font-size:.2rem;color:#1b1b1b;font-weight:bold;line-height:.26rem;max-height:.52rem;overflow:hidden;margin:0 0 .15rem;}
.index_news .mains .list>div span {font-size:.18rem;color:#5a5a5a}
.index_news .mains .list>div a:hover:before{width:100%}
.index_news .mains .list>div a:hover h6{color:#0ba303}

.index_culture{background-position:center;background-repeat:no-repeat;background-size:cover;padding:1.5rem 0 2rem;}
.index_culture>div{display:flex;}
.index_culture>div>div{flex:0 0 50%}
.index_culture .titles span {font-size:.18rem;color:#0ba303;padding-left:.95rem;position:relative;display:inline-block;}
.index_culture .titles span:before{content:'';width:.9rem;height:1px;background:#0ba303;position:absolute;left:0;top:50%}
.index_culture .titles h3 {font-size:.3rem;color:#FFF;font-weight:bold;margin:.2rem 0 0;}
.index_culture .infos{padding:.4rem 0 0 .9rem;}
.index_culture .infos p{font-size:.18rem;color:#FFF;margin:0 0 .65rem;}
.index_culture .infos a{display:inline-block;font-size:.18rem;color:#242424;padding:0 .75rem;line-height:.62rem;background:#FFF}

/**/
.footer{background:#1d1d1d;}
.footer .infos {}
.footer .infos>div{display:flex;position:relative;justify-content:space-between;padding:.7rem 0 .9rem;}
.footer .infos .let{flex:0 0 31.5%;padding:0 .15rem 0 0}
.footer .infos .let .logos img {max-height:.95rem;transition:none}
.footer .infos .let .tels{font-size:.16rem;color:#ccc;margin:.4rem 0 0}
.footer .infos .navs{display:flex;padding:.4rem 0 0;flex:0 0 68.5%;justify-content:space-between;}
.footer .infos .navs dl {margin:0;padding:0}
.footer .infos .navs dl dt{margin:0 0 .2rem;font-weight:normal}
.footer .infos .navs dl dt a{font-size:.18rem;color:#FFF}
.footer .infos .navs dl dd {margin:0 0 .1rem;}
.footer .infos .navs dl dd a{font-size:.16rem;color:#ccc}
.footer .infos .navs .hot_tel{position:absolute;bottom:.4rem;right:0;z-index:1;font-size:.16rem;color:#cccccc}
.footer .infos .navs .hot_tel h6{font-size:.36rem;color:#41a154;font-family:"051-cai978"}
.footer .copy{padding:.45rem 0;border-top:1px solid #303030;font-size:.16rem;color:#FFF}
.footer .copy a{font-size:.16rem;color:#FFF}
/**/
	.flash img {width:100% !important;height:auto !important;max-height:5.76rem;transition:none;object-fit:cover;}
	.tem_banner.inside .banner_txt .mains h5{font-size:.48rem;color:#FFF;font-weight:bold;text-transform:uppercase;}
	.tem_banner.inside .banner_txt .mains p{font-size:.18rem;color:#FFF;margin:.28rem 0 0}

	.about_box{}
	.com_menu{padding:.25rem 0;background:#FFF}
	.com_menu .mbx {margin:0 0 .22rem;font-size:.16rem;color:#515151;text-transform:capitalize;}
	.com_menu .mbx a.home {padding-left:.26rem;background:url(/public/common/images/icon5.png) 0 center no-repeat;background-size:.15rem .15rem;}

	.com_menu .mbx a{font-size:.16rem;color:#515151}
	.com_menu .mbx>*:last-child{color:#0ba303}
	.com_menu .navbox{background:#f7f7f7;font-size:0;padding:0 .14rem;}
	.com_menu .navbox li{display:inline-block;padding:0 .26rem;vertical-align:middle;position:relative}
	.com_menu .navbox li:after{content:'';width:1px;height:.15rem;background:#606060;position:absolute;right:0;top:50%;transform:translateY(-50%);}
	.com_menu .navbox li:last-child:after{display:none;}
	.com_menu .navbox li a{font-size:.16rem;color:#3b3b3b;line-height:.66rem;}
	.com_menu .navbox li.on a,.com_menu .navbox li a:hover{color:#0ba303}

	.company{font-size:0;padding:0 0 .8rem;background:#FFF;}

	.company>div>div{display:inline-block;vertical-align:top;}
	.company .text{width:60%;padding:.5rem .6rem 0 0;}
	.company .text >h5{font-size:.3rem;color:#292929;margin:0 0 .35rem;font-family:"Freehand521-BT"}
	.company .text .editor{font-size:.16rem;color:#5a5a5a;line-height:1.6;text-align:justify;}
	.company .img{width:40%}
	.company .img video{width:100%;height:5.43rem;object-fit:cover}
	/*Business*/
	.business{background:#f9f9f9;padding:.75rem 0 .8rem;}
	.business h5{font-size:.3rem;color:#292929;text-align:center;margin:0 0 .55rem;}
	.business ol{margin:0 0 .65rem;padding:0;font-size:0;border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc}
	.business ol li{display:inline-block;text-align:center;vertical-align:middle;width:14.285%;}
	.business ol li a{display:block;padding:.3rem .15rem}
	.business ol li a span {display:inline-block;padding:.55rem 0 0;background-size:.45rem .45rem !important;font-size:.16rem;color:#292929;text-transform:capitalize}
	.business ol li a span.order0 {background:url(/public/common/images/icon4-1.png) center 0 no-repeat}
	.business ol li a span.order1 {background:url(/public/common/images/icon4-2.png) center 0 no-repeat}
	.business ol li a span.order2 {background:url(/public/common/images/icon4-3.png) center 0 no-repeat}
	.business ol li a span.order3 {background:url(/public/common/images/icon4-4.png) center 0 no-repeat}
	.business ol li a span.order4 {background:url(/public/common/images/icon4-5.png) center 0 no-repeat}
	.business ol li a span.order5 {background:url(/public/common/images/icon4-6.png) center 0 no-repeat}
	.business ol li a span.order6 {background:url(/public/common/images/icon4-7.png) center 0 no-repeat}
	.business ol li#current a span{color:#0ba303}
	.business ol li#current a span.order0 {background:url(/public/common/images/icon4-1-h.png) center 0 no-repeat}
	.business ol li#current a span.order1 {background:url(/public/common/images/icon4-2-h.png) center 0 no-repeat}
	.business ol li#current a span.order2 {background:url(/public/common/images/icon4-3-h.png) center 0 no-repeat}
	.business ol li#current a span.order3 {background:url(/public/common/images/icon4-4-h.png) center 0 no-repeat}
	.business ol li#current a span.order4 {background:url(/public/common/images/icon4-5-h.png) center 0 no-repeat}
	.business ol li#current a span.order5 {background:url(/public/common/images/icon4-6-h.png) center 0 no-repeat}
	.business ol li#current a span.order6 {background:url(/public/common/images/icon4-7-h.png) center 0 no-repeat}
	.business .itembox .editor{font-size:.16rem;color:#646465;margin:0 0 .45rem;}
	.business .itembox .swiper-slide a {display:block;position:relative;overflow:hidden;}
	.business .itembox .swiper-slide a:hover img {transform:scale(1.06)}

	.baogao {padding:.85rem 0 .78rem;background:url(/public/common/images/icon9.jpg) center 0 no-repeat;background-size:cover}
	.baogao .title h5{text-align:center;font-size:.3rem;color:#292929;text-transform:capitalize;;font-weight:bold;}
	.baogao .title{margin:0 0 .5rem;position:relative}
	.baogao .title ul{display:flex;position:absolute;right:0;bottom:0}
	.baogao .title ul li#current a,.baogao .title ul li a:hover{color:#0ba303;border-bottom:2px solid #0ba303}
	.baogao .title ul li a {font-size:.16rem;color:#444444;font-weight:bold;;padding:0 0 .12rem;border-bottom:2px solid #dcdcdc}
	.baogao .title ul li:last-child{margin-left:.3rem}
	.baogao .lists {position:relative;}
	.baogao .lists .swiper-slide a {display:block;position:relative;overflow:hidden;box-shadow:0 0 12px rgba(0,0,0,0.2)}
	.baogao .lists .swiper-page>div{position:absolute;left:0;top:50%;transform:translateY(-50%);outline:none;width:.35rem;height:.35rem;line-height:.35rem;text-align:center;background:#0ba303;font-size:.16rem;color:#FFF;z-index:1}
	.baogao .lists .swiper-page>div.slide-button-next {left:auto;right:0}
	.honor{background:#FFF;padding:1.05rem 0 1.1rem;background-size:cover;background-repeat:no-repeat;background-position:0 0}
	.honor h5{font-size:.3rem;color:#292929;text-align:center;margin:0 0 .5rem;text-transform:capitalize;font-weight:bold}
	.honor .title{margin:0 0 .5rem;position:relative}
	.honor .title ul{display:flex;position:absolute;right:0;bottom:0}
	.honor .title ul li#current a,.honor .title ul li a:hover{color:#0ba303;border-bottom:2px solid #0ba303}
	.honor .title ul li a {font-size:.16rem;color:#444444;font-weight:bold;;padding:0 0 .12rem;border-bottom:2px solid #dcdcdc}
	.honor .title ul li:last-child{margin-left:.3rem}
	.honor .lists .swiper-slide a{display:block;position:relative;}
	.honor .lists .swiper-slide .img {overflow:hidden;}
	.honor .lists .swiper-slide p{font-size:.16rem;color:#292929;text-align:center;margin:.3rem 0 0;text-transform:capitalize;}
	.honor .lists .swiper-slide a:hover img {transform:scale(1.06)}
	.honor .lists .swiper-page{margin:.5rem 0 0;text-align:center;font-size:0}
	.honor .lists .swiper-page>div{display:inline-block;vertical-align:middle;outline:none;margin:0 .1rem;width:.34rem;height:.34rem;line-height:.34rem;background:#0ba303;font-size:.16rem;color:#FFF;border-radius:100%;}


	.culture{padding:1.6rem 0 1.8rem;}
	.culture>div{display:flex;justify-content: space-between;}
	.culture>div .left{width:35%}
	.culture>div .right{width:52%}
	.culture>div .right ul{display:flex;justify-content: space-between;}
	.culture>div .right ul li p{font-size:.2rem;color:white;margin:0;position:relative}
	.culture>div .right ul li p:after{content:"";width:.12rem;height:.91rem;position:absolute;bottom:-1.1rem;left:50%;transform:translateX(-50%);background:url(/public/common/images/icon8.png) center no-repeat;background-size:100%;}
	.culture>div .right ul li:nth-child(1){transform:translateY(.5rem)}
	.culture>div .right ul li:nth-child(2){transform:translateY(1.4rem)}
	.culture>div .right ul li:nth-child(3){transform:translateY(.1rem)}
	.culture>div .right ul li:nth-child(4){transform:translateY(1.3rem)}
	.culture>div .right ul li:nth-child(6){transform:translateY(1rem)}
	.culture>div .right ul li:nth-child(7){transform:translateY(.26rem)}
	.culture:after{content:'';width:100%;height:100%;position:fixed;top:0;left:0;background:url(/public/common/images/icon5.jpg) center no-repeat;background-size:cover;z-index:-1}
	.culture h5{font-size:.3rem;color:#fffefe;}
	.culture .slogan{padding:.45rem 0 0;font-size:.16rem;color:#fffefe;}
	.culture .more {text-align:right;margin:.5rem 0 0;}
	.culture .more a{display:inline-block;background:#FFF;border-radius:35px;font-size:.16rem;color:#393737;text-transform:uppercase;line-height:.47rem;padding:0 .37rem}

	.fixed_box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:none;display:none;}
	.fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.9rem .8rem 1.25rem;}
	.fixed_box .mains.met_hidden{top:70%}
	.fixed_box .mains h6{font-size:.3rem;color:#2f2f2f;text-transform:capitalize;margin:0 0 .45rem;text-align:center}
	.fixed_box .mains .editor{font-size:.16rem;color:#2f2f2f;line-height:1.6}


	.plant{background:#f9f9f9;padding:.7rem 0 .7rem;}
	.plant h5{font-size:.3rem;color:#292929;text-align:center;margin:0 0 .35rem;text-transform:capitalize;font-weight:bold}
	.plant .lists .swiper-slide a{display:block;position:relative;}
	.plant .lists .swiper-slide .img {overflow:hidden;}
	.plant .lists .swiper-slide p{font-size:.16rem;color:#292929;text-align:center;margin:.3rem 0 0;text-transform:capitalize;}
	.plant .lists .swiper-slide a:hover img {transform:scale(1.06)}
	.plant .lists .swiper-page{margin:.75rem 0 0;text-align:center;font-size:0}
	.plant .lists .swiper-page>div{display:inline-block;vertical-align:middle;outline:none;margin:0 .1rem;width:.34rem;height:.34rem;line-height:.34rem;background:#0ba303;font-size:.16rem;color:#FFF;border-radius:100%;}

.history{padding:1.75rem 0 1.9rem;background-attachment:fixed;background-position:0 0;background-repeat:no-repeat;background-size:cover;}
.history h3 {font-size:.48rem;color:#FFF;margin:0 0 .8rem;}
.history .lists{position:relative;padding:0 .3rem;}
.history .lists:before{content:'';width:100%;height:0;border-top:2px solid #b5c5d6;position:absolute;top:.08rem;left:0}
.history .lists .swiper-slide{padding:.52rem 0 0}
.history .lists .swiper-slide:before{content:'';width:.17rem;height:.17rem;background:#0ba303;border:2px solid #FFF;border-radius:100%;position:absolute;top:0;left:0;z-index:1}
.history .lists .swiper-slide h5 {font-size:.24rem;color:#FFF;margin:0 0 .15rem;}
.history .lists .swiper-slide .txt{font-size:.18rem;color:#effffd;line-height:1.8}
.history .lists .swiper-page{display:flex;justify-content:space-between;align-items:center;}
.history .lists .swiper-page>div{width:.5rem;height:.5rem;background:#FFF;border-radius:100%;line-height:.5rem;text-align:center;font-size:.18rem;color:#0ba303;}
.history .lists .swiper-page>div:hover {background:#0ba303;color:#FFF}	
	
	
	.partner{background:#FFF;padding:.7rem 0 .7rem;}
	.partner h5{font-size:.3rem;color:#292929;text-align:center;margin:0 0 .35rem;text-transform:capitalize;font-weight:bold}
	.partner .lists .swiper-slide{display:flex;flex-wrap: wrap;}
	.partner .lists .swiper-slide .items{width:16.666%;margin:0 0 .2rem;}
	.partner .lists .swiper-slide a{display:block;overflow:hidden;height:1.6rem;line-height:1.6rem;text-align:center;}
	.partner .lists .swiper-slide a img {max-height:1.6rem;transition:none;}
	.partner .lists .swiper-page{margin:.75rem 0 0;text-align:center;font-size:0}
	.partner .lists .swiper-page>div{display:inline-block;vertical-align:middle;outline:none;margin:0 .1rem;width:.34rem;height:.34rem;line-height:.34rem;background:#0ba303;font-size:.16rem;color:#FFF;border-radius:100%;}
/**/
.workshop {padding:.7rem 0;background:#FFF}
.workshop h3{font-size:.3rem;color:#292929;text-align:center;margin:0 0 .35rem;text-transform:capitalize;font-weight:bold}
.workshop .swiper-slide a{display:block;position:relative}
.workshop .swiper-slide img {width:100%;height:2.65rem;object-fit:cover;transition:none}
.workshop .swiper-slide p{font-size:.16rem;color:#333;margin:.2rem 0 0;text-align:center;}
.workshop .swiper-slide a:hover .imgs {transform:scale(.98);box-shadow:0 0 4px rgba(0,0,0,.12)}
	.workshop .lists .swiper-page{margin:.75rem 0 0;text-align:center;font-size:0}
	.workshop .lists .swiper-page>div{display:inline-block;vertical-align:middle;outline:none;margin:0 .1rem;width:.34rem;height:.34rem;line-height:.34rem;background:#0ba303;font-size:.16rem;color:#FFF;border-radius:100%;}
/**/
	.flap_page {position:relative;top:-.9rem;}

	.product_box{background:#eee;padding:0 0 1.65rem}
	.product_box .com_menu{background:none;}
	.product_box .mains {padding:.40rem 0 0;}
	.mbx_box {border-bottom:1px solid #dcdcdc;text-align:center;font-size:0;top:.3rem;width:100%;left:0;z-index:20;background:#FFF}
	.mbx_box ul{display:flex;flex-wrap: wrap;}
	.mbx_box li {width:25%;position:relative}
	.mbx_box li>a{display:block;line-height:.64rem;font-size:.18rem;color:#404040;position:relative}
	.mbx_box li:before{content:'';width:1px;height:.17rem;background:#e5e5e5;position:absolute;right:0;top:50%;transform:translateY(-50%);}
	.mbx_box li:last-child:before{display:none;}
	.mbx_box li>a:before{content:'';width:0;height:2px;background:#0275c6;position:absolute;left:50%;bottom:-1px;z-index:1;transition:all .45s;}
	.mbx_box li.ons>a:before,.mbx_box li>a:hover:before{width:100%;left:0}
	.mbx_box.mbx_box_on {position:fixed;top:0;transition-delay:.1s;box-shadow:0 0 10px rgba(0,0,0,.2)}
	.mbx_box li>a i {padding:0 .1rem}
	.mbx_box li dl {position:absolute;top:100%;left:0;width:100%;padding:.3rem 0;margin:0;background:#fbfbfb;transition:none;display:none;z-index:2;box-shadow:0 0 12px rgba(0,0,0,0.2)}
	.mbx_box li dl dd {text-align:center}
	.mbx_box li dl dd a{display:block;position:relative;font-size:.16rem;color:#3c3c3c;padding:.13rem 0}
	.mbx_box li dl dd a span {display:inline-block;padding:0 .1rem;position:relative}
	.mbx_box li dl dd a span:before,.mbx_box li dl dd a span:after{content:'';width:5px;height:1px;background:#408acc;position:absolute;top:50%;left:.2rem;transition:all .45s}
	.mbx_box li dl dd a span:after {left:auto;right:.2rem;}
	.mbx_box li.opens>a i {transform:rotate(-180deg);}
	.mbx_box li.opens>a{color:var(--bjcolor)}
	.mbx_box li dl dd a:hover span:before,.mbx_box li dl dd.on2 a span:before{left:0;opacity:1}
	.mbx_box li dl dd a:hover span:after,.mbx_box li dl dd.on2 a span:after{left:auto;right:0;opacity:1}
	.mbx_box li dl dd a:hover,.mbx_box li dl dd.on2 a{color:var(--bjcolor)}
	.product_box .mains h4{font-size:.3rem;color:#292929;text-align:center;text-transform:capitalize;margin:0 0 .45rem;}
	.product_box .lists li{padding:0 .18rem;margin:0 0 .55rem;}
	.product_box .lists li a{display:block;position:relative;overflow:hidden;padding:1rem  .2rem .38rem;box-shadow:4px 4px 15px rgba(0,0,0,.25);background:white}
	.product_box .lists li a p{margin:.55rem 0 0;padding:.18rem .35rem .18rem .2rem;background:#0054b4;display:inline-block;font-size:.15rem;color:white;position:relative}
	.product_box .lists li a p:after{content:"";position:absolute;background:#e57433;width:.09rem;height:100%;right:0;top:0}
	.product_box .lists li .img {overflow:hidden}
	.product_box .lists li a:hover img {transform:scale(1.1)}


	.case_box .mains{padding:.67rem 0 1.45rem}
	.case_box .lists li{padding:0 .26rem;margin:0 0 .65rem;}
	.case_box .lists li a{display:block;position:relative;overflow:hidden;box-shadow:4px 4px 15px rgba(0,0,0,.25);background:#f7f7f7}
	.case_box .lists li a .txt{padding:.45rem  .2rem .4rem;display:flex;align-items: center;}
	.case_box .lists li a h2{padding:.1rem .27rem .1rem .2rem;background:#0054b4;display:inline-block;font-size:.15rem;color:white;position:relative}
	.case_box .lists li a h2:after{content:"";position:absolute;background:#e57433;width:.07rem;height:100%;right:0;top:0}
	.case_box .lists li a h1{font-size:.16rem;color:black;font-weight:bold;margin-left:.3rem}
	.case_box .lists li .img {overflow:hidden}
	.case_box .lists li .img img{width:100%;height:2.95rem;object-fit:cover;transition:none}	
	.case_box .lists li a:hover{background:white;transform:scale(.98)}

	.case_box .mains .page{padding:.35rem  0 0}
	.case_box .mains .page span,.case_box .mains .page a{display:inline-block;vertical-align:middle;margin:0 2px;background:#eeeeee;width:.38rem;height:.38rem;line-height:.38rem;font-size:.14rem;color:#373737}
	.case_box .mains .page a.page-num-current,.case_box .mains .page a:hover{background:#015fc1;color:white}
	.product_show {padding:.83rem 0 0;font-size:0;background:#f9f9f9}
	.product_show .com_menu{padding:.25rem 0;background:#f9f9f9}
	.product_show .main_info {;padding:.29rem 0 1.08rem;border-bottom:1px solid #e5e5e5}
	.product_show .main_info .mbx {position:relative;margin:0 0 .6rem;font-size:.14rem;color:#aaa}

	.product_show .main_info .mbx a{font-size:.14rem;color:#aaaaaa}
	.product_show .main_info .mbx a:first-child{padding-left:.35rem;background:url(../images/icon9.png) 0 center no-repeat;background-size:.13rem .11rem;}
	.product_show .main_info .mbx a.backs{position:absolute;right:0;top:50%;transform:translateY(-50%);}
	.product_show .main_info .items>div{padding:0}
	.product_show .main_info .items .imglist{padding-right:10px;border:1px solid #dcdcdc;}
	.product_show .main_info .items .imglist #gallery .swiper-slide a{display:block;position:relative;overflow:hidden}
	.product_show .main_info .items .imglist .thumb_list{border-top:1px solid #dcdcdc;padding:.26rem .7rem;position:relative}
	.product_show .main_info .items .imglist .thumb_list .swiper-slide img{border:3px solid #f9f9f9;cursor:pointer}
	.product_show .main_info .items .imglist .thumb_list .swiper-slide.swiper-slide-thumb-active img {border-color:#9e693a}
	.product_show .main_info .items .imglist .swiper-page>div{position:absolute;left:.15rem;top:50%;transform:translateY(-50%);font-size:.35rem;color:#adadad;outline:none;}
	.product_show .main_info .items .imglist .swiper-page>div.slide-button-next{left:auto;right:.15rem;}
	.product_show .main_info .items .infos{padding-left:.45rem;}
	.product_show .main_info .items .infos h3{font-size:.3rem;color:#3f3f41;font-weight:bold;margin:0 0 .4rem;}
	.product_show .main_info .items .infos .editor{padding:.35rem 0 .62rem;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;font-size:.16rem;color:#636363;line-height:1.7}
	.product_show .main_info .items .infos .pro_style{padding:.4rem 0 0}
	.product_show .main_info .items .infos .pro_style>p {display:inline-block;vertical-align:top;width:50%;margin:0 0 .19rem;padding:0 .15rem 0 0;font-size:.16rem;color:#636363}
	.product_show .main_info  .content{width:100%;margin-top:.7rem;;}
	.product_show .main_info  .content .title{width:15%}
	.product_show .main_info  .content .title h2{line-height:.8rem;text-align:center;background:#015fc1;color:#fff;font-size:.24rem;display:inline-block;width:100%}
	.product_show .main_info  .content  .con{font-size:.2rem;color:black;line-height:.3rem;;padding:.1rem;background:#ececec}
	.product_show .main_info  .content  .con p{margin:0}

	.page {text-align:center;}
	.page span.PageText,.page input {display:none;}
	.page span,.page a{display:inline-block;vertical-align:middle;margin:0 2px;background:#FFF;width:.38rem;height:.38rem;line-height:.38rem;font-size:.14rem;color:#373737}
	.page a.page-num-current,.page a:hover {background:#015fc1;color:#FFF}

	.pro_fixed {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.5);transition:none;display:none;}
	.pro_fixed .mains {position:absolute;top:50%;left:50%;background:#FFF;transform:translate(-50%,-50%);padding:.4rem .3rem;width:100%;max-width:600px;}
	.pro_fixed .mains_on {top:70%;opacity:0;visibility:hidden}
	.pro_fixed .mains .lists{font-size:0;position:relative}
	.pro_fixed .mains #smalls{margin:.3rem 0 0}
	.pro_fixed .mains #smalls .swiper-slide{text-align:center;cursor:pointer;}
	.pro_fixed .mains #smalls .swiper-slide img {max-height:100%}
	.pro_fixed .mains #smalls .swiper-slide:before{content:'';width:100%;height:100%;border:2px solid #015fc1;position:absolute;top:0;left:0;transform:scale(.8);opacity:0;transition:all .5s}
	.pro_fixed .mains #smalls .swiper-slide-thumb-active:before{opacity:1;transform:scale(1);}
	.pro_fixed .mains h6{display:inline-block;margin:.25rem 0 0;background:#015fc1;border-radius:35px;padding:0 .72rem;line-height:.6rem;font-size:.2rem;color:#FFF}

	.news_box{}
	.news_box .companys{padding:.4rem 0 1.15rem;}
	.news_box h5{font-size:.3rem;color:#292929;text-align:center;margin:0 0 .4rem;text-transform:capitalize}
	.companys .lists .swiper-slide a{display:block;position:relative;font-family:"GothamProRegular"}
	.companys .lists .swiper-slide .img {overflow:hidden;}
	.companys .lists .swiper-slide .text {padding:.25rem 0 0}
	.companys .lists .swiper-slide .text span {font-size:.16rem;color:#5b5b5b}
	.companys .lists .swiper-slide .text h6{font-size:.18rem;color:#000;margin:.2rem 0 .5rem;line-height:.26rem;height:.52rem;overflow:hidden}
	.companys .lists .swiper-slide .text em{font-size:.16rem;color:#4e4e4e;padding:.2rem 0;display:block;text-transform:uppercase;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center;position:relative}
	.companys .lists .swiper-slide .text em:before,.companys .lists .swiper-slide .text em:after{content:'';width:0;height:1px;background:#0ba303;position:absolute;top:-1px;left:0;transition:all .45s}
	.companys .lists .swiper-slide .text em:after{left:auto;top:auto;right:0;bottom:-1px;}
	.companys .lists .swiper-slide a:hover img {transform:scale(1.06)}
	.companys .lists .swiper-slide a:hover .text em {color:#0ba303}
	.companys .lists .swiper-slide a:hover .text em:before,.companys .lists .swiper-slide a:hover .text em:after{width:100%}
	.companys .lists .swiper-page{padding:.75rem 0 0;text-align:center}
	.news_box .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 2px}
	.news_box .swiper-page>div.slide-button-prev,.news_box .swiper-page>div.slide-button-next {outline:none;width:.38rem;height:.38rem;background:#eee;line-height:.38rem;font-size:.14rem;color:#373737}
	.news_box .swiper-page>div.slide-pagination span {outline:none;opacity:1;width:.38rem;height:.38rem;background:#eee;line-height:.38rem;font-size:.14rem;color:#373737;border-radius:0;margin:0 2px;}
	.news_box .swiper-page>div.slide-pagination span.swiper-pagination-bullet-active,.news_box .swiper-page>div.slide-pagination span:hover,.news_box .swiper-page>div.slide-button-prev:hover,.news_box .swiper-page>div.slide-button-next:hover{background:#015fc1;color:#FFF}

	.industrys{background:#f9f9f9;padding:.65rem 0 1.7rem;}
	.industrys .lists {}
	.industrys .lists .swiper-slide a{display:block;margin:0 0 .35rem;background:#FFF;font-size:0;padding:.1rem .2rem .1rem .1rem;}
	.industrys .lists .swiper-slide a>* {display:inline-block;vertical-align:middle;position:relative}
	.industrys .lists .swiper-slide .img{width:20.5%;overflow:hidden}
	.industrys .lists .swiper-slide .text {width:79.5%;padding:0 1.3rem 0 .4rem}
	.industrys .lists .swiper-slide .text span {font-size:.16rem;color:#808080}
	.industrys .lists .swiper-slide .text h6{font-size:.2rem;color:#2c2c2c;padding:.25rem 0 .3rem;}
	.industrys .lists .swiper-slide .text p{font-size:.16rem;color:#595959;margin:0}
	.industrys .lists .swiper-slide .text:after{content:'';width:.82rem;height:100%;background:url(/public/common/images/icon7.png) center no-repeat #015fc1;background-size:.39rem .09rem;position:absolute;right:0;top:0;transition:all .546s}
	.industrys .lists .swiper-slide a:hover img {transform:scale(1.06)}
	.industrys .lists .swiper-page{padding:.35rem 0 0;text-align:center}

	.problem {padding:.4rem 0 1.3rem;}
	.problem .lists li {padding:0 .19rem;margin:0 0 .28rem;}
	.problem .lists li .infos {background:#f4f4f4;padding:.4rem .25rem .3rem;}
	.problem .lists li .infos h6{font-size:.2rem;color:#2c2c2c;font-weight:bold;margin:0 0 .25rem;}
	.problem .lists li .infos .editor {font-size:.16rem;color:#0ba303;line-height:.26rem;height:.52rem;overflow:hidden;}
	.problem .lists li .infos .editor p{margin:0}

	.contact .infos{padding:.65rem 0 .8rem;}
	.contact .infos .titles {margin:0 0 .18rem;}
	.contact .infos .titles h5{font-size:.3rem;color:#292929;font-weight:bold}
	.contact .infos .lists .items{margin:0 0 .85rem}
	.contact .infos .lists .items:last-child{margin:0}
	.contact .infos .lists .items h2{font-size:.24rem;color:#292929;font-weight:bold;padding:0 0 .4rem}
	.contact .infos .lists .items .info{display:flex;justify-content: space-between;}
	.contact .infos .lists .items .info ul{width:41%;border-top:1px solid #e5e5e5}
	.contact .infos .lists .items .info ul li{height:1rem;display:flex;flex-direction: column;justify-content: center;border-bottom:1px solid #e5e5e5}
	.contact .infos .lists .items .info ul li p{margin:0;font-size:.16rem;color:#4c4c4c}
	.contact .infos .lists .items .info .map{width:54%}
	.contact .infos .lists .items .info .map #container,.contact .infos .lists .items .info .map #container1,.contact .infos .lists .items .info .map #container2{height:100%}

	.contact .job{padding:.8rem 0 1.18rem;background:#f7f7f7}
	.contact .job>div>h2{font-size:.3rem;color:black;font-weight:bold;padding:0 0 .45rem}
	.contact .job .list #thumbs a{display:block;background:white;padding:.25rem .32rem .35rem}
	.contact .job .list #thumbs a .txt{position:relative}
	.contact .job .list  a .txt:after{content:"";position:absolute;background:url(/public/common/images/icon13.png) 0 0 no-repeat;width:.3rem;height:.44rem;right:0;bottom:0;background-size:100%}
	.contact .job .list .swiper-slide-thumb-active  a .txt:after{content:"";position:absolute;background:url(/public/common/images/icon12.png) 0 0 no-repeat;width:.3rem;height:.44rem;right:0;bottom:0;background-size:100%}

	.contact .job .list #thumbs a span{font-size:.18rem;color:black;font-weight:bold;display:inline-block;padding:0 0  .38rem}
	.contact .job .list #thumbs a  h1{font-size:.24rem;color:black;font-weight:bold;padding:0 0 .05rem}
	.contact .job .list #thumbs a  h2{font-size:.18rem;color:#9d9d9d}
	.contact .job .list #thumbs .swiper-slide-thumb-active a{background:#0054b4}
	.contact .job .list #thumbs .swiper-slide-thumb-active span{color:white}
	.contact .job .list #thumbs .swiper-slide-thumb-active h1{color:white}
	.contact .job .list #thumbs .swiper-slide-thumb-active h2{color:white}
	.contact .job .list .thumb_list {margin:.2rem 0 0}
	.contact .job .list .thumb_list .text{padding:.6rem 0 0;background:url(/public/common/images/job_bg.jpg) 0 0 no-repeat;background-size:cover}
	.contact .job .list .thumb_list .top {padding:0 .3rem .25rem;border-bottom:1px solid #e5e5e5}
	.contact .job .list .thumb_list .top ul{display:flex;justify-content: space-between;align-items: center;}
	.contact .job .list .thumb_list .top ul li p{margin:0}
	.contact .job .list .thumb_list .top ul li:last-child{width:55%;text-align:right}
	.contact .job .list .thumb_list .top ul li p{font-size:.16rem;color:#606060}
	.contact .job .list .thumb_list .top ul li:first-child p{font-size:.2rem;color:black;font-weight:bold}
	.contact .job .list .thumb_list .middle{padding:.44rem .4rem 0}
	.contact .job .list .thumb_list .middle p{font-size:.16rem;color:#6e6e6e;margin:0 0 .4rem}
	.contact .job .list .thumb_list .bot h2{padding:0 .3rem .25rem;border-bottom:1px solid #e5e5e5;font-size:.2rem;font-weight:bold;color:black}
	.contact .job .list .thumb_list .bot .con{padding:.24rem .3rem .4rem}
	.contact .job .list .thumb_list .bot .con p{font-size:.16rem;color:#6e6e6e;}
	.contact .job .list .thumb_list .shenqing{margin:0 0 0 .3rem;padding:0 0 .4rem}
	.contact .job .list .thumb_list .shenqing a{display:inline-block;background:#0054b4;padding:0 .21rem;line-height:40px;font-size:.16rem;color:#FFF}
   .fixed_infos{position:fixed;width:.92rem;height:3.5rem;background:rgba(255,255,255,.82);box-shadow:8px 5px 20px 5px rgba(0,0,0,0.2);border-radius:50px;right:.3rem;bottom:30%;z-index:2;display:flex;flex-direction: column;justify-content: center;}
	.fixed_infos em{position:absolute;width:.19rem;height:.19rem;background:url(/public/common/images/close.png) 0 0 no-repeat;background-size:.19rem .19rem ;right:.15rem;top:.18rem;cursor:pointer}
	.fixed_infos ul li:first-child{margin:0 0 .15rem;}
	.fixed_infos ul li a h1{font-size:.11rem;color:#232526;font-weight:bold;text-align:center;padding:.7rem  0 0 ;position:relative}
	.fixed_infos ul li a h1:after{content:"";position:absolute;width:.62rem;height:.62rem;border:1px solid #dfdfdf;left:50%;transform:translateX(-50%);top:0;border-radius:100%;transition:.3s;background:rgba(183,29,37,0)}
.fixed_infos ul li a h1:before{content:"";position:absolute;width:.42rem;height:.42rem;background:#dcdcdc url(/public/common/images/icon98-1.png) center center no-repeat;;border-radius:100%;transition:.3s;left:50%;transform:translateX(-50%);top:.1rem;z-index:2}
.fixed_infos ul li:last-child a h1:before{content:"";position:absolute;width:.42rem;height:.42rem;background:#dcdcdc url(/public/common/images/icon99.png) center center no-repeat;;border-radius:100%;transition:.3s;left:50%;transform:translateX(-50%);top:.1rem;z-index:2}
.fixed_infos ul li a:hover h1:after,.fixed_infos ul li.on a h1:after{background:rgba(183,29,37,.25);border:1px solid #b9222a}
.fixed_infos ul li a:hover h1:before,.fixed_infos ul li.on a h1:before{content:"";position:absolute;width:.42rem;height:.42rem;background:#b71d25 url(/public/common/images/icon98.png) center center no-repeat;;border-radius:100%;transition:.3s;left:50%;transform:translateX(-50%);top:.1rem;z-index:2}
.fixed_infos ul li:last-child a:hover h1:before {content:"";position:absolute;width:.42rem;height:.42rem;background:#b71d25 url(/public/common/images/icon99-1.png) center center no-repeat;;border-radius:100%;transition:.3s;left:50%;transform:translateX(-50%);top:.1rem;z-index:2}
.fixed_infos ul li .form_box{position:absolute;right:110%;top:.5rem;width:3.65rem;margin:0;transition:0s;display:none;box-shadow:0px 0px 20px 2px rgba(0,0,0,0.2);}
.fixed_infos ul li .form_box h2{font-size:.24rem;color:white;background:#b71d25;height:.78rem;line-height:.78rem;padding:0 .25rem;border-radius:10px 10px 0 0 }
.fixed_infos ul li .form_box form{background:white;padding:.2rem .22rem .35rem}
.fixed_infos ul li .form_box form input{width:100%;height:.5rem;line-height:.5rem;border-radius:5px;border:1px solid #d8d8d8;font-size:.16rem;color:black;margin:0 0 .12rem;padding:0 .1rem}
.fixed_infos ul li .form_box form  .submint{margin:.1rem 0 0}
.fixed_infos ul li .form_box form  .submint button{width:100%;height:.38rem;background:#b71d25;border:0;font-size:.16rem;color:white}
	.m-header {background:#444;box-shadow:0 0 12px rgba(0,0,0,0.2)}
	.side {
	  position: fixed;
	  width: 72px;
	  right: 0;
	  bottom: 20px;
	  z-index: 100;
	  border: 0px solid #e0e0e0;
	  border-bottom: 0;
	}

	.side ul li {
	  width: 68px;
	  height: 68px;
	  background: rgba(0, 0, 0, 0.61);
	  float: left;
	  position: relative;
	  border: 1px solid #f7f7f7;
	  color: #fff;
	  font-size: 12px;
	  line-height: 30px;
	  text-align: center;
	  margin-bottom: 5px;
	  transition: all .3s;
	  cursor: pointer;
	  list-style: none;
	}

	.side ul li:hover {
	  background: #183eac;
	  color: #fff;
	  border-color: #183eac;
	}

	.side ul li a,
	.side ul li:hover a {
	  color: #fff;
	}

	.side ul li i {
	  height: 25px;
	  margin-bottom: 1px;
	  display: block;
	  overflow: hidden;
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-size: auto 25px;
	  margin-top: 10px;
	  transition: all .3s;
	}

	.side ul li i.bgs1 {
	  background-image: url(/public/common/images/right_pic7_on.png);
	}

	.side ul li i.bgs2 {
	  background-image: url(/public/common/images/right_pic7_on.png);
	}

	.side ul li i.bgs3 {
	  background-image: url(/public/common/images/right_pic2_on.png);
	}

	.side ul li i.bgs4 {
	  background-image: url(/public/common/images/right_pic1_on.png);
	}

	.side ul li i.bgs5 {
	  background-image: url(/public/common/images/right_pic4_on.png);
	}

	.side ul li i.bgs6 {
	  background-image: url(/public/common/images/right_pic6_on.png);
	}

	.side ul li:hover i.bgs1 {
	  background-image: url(/public/common/images/right_pic7_on.png);
	}

	.side ul li:hover i.bgs2 {
	  background-image: url(/public/common/images/right_pic7_on.png);
	}

	.side ul li:hover i.bgs3 {
	  background-image: url(/public/common/images/right_pic2_on.png);
	}

	.side ul li:hover i.bgs4 {
	  background-image: url(/public/common/images/right_pic1_on.png);
	}

	.side ul li:hover i.bgs5 {
	  background-image: url(/public/common/images/right_pic4_on.png);
	}

	.side ul li .sidebox {
	  position: absolute;
	  width: 78px;
	  height: 78px;
	  top: 0;
	  right: 0;
	  transition: all .3s;
	  overflow: hidden;
	}

	.side ul li.sidetop {
	  background: #183eac;
	  color: #fff;
	  border-color: #183eac;
	}

	.side ul li.sidetop:hover {
	  opacity: .8;
	  filter: Alpha(opacity=80);
	}

	.side ul li.sideewm .ewBox.son {
	  width: 150px;
	  display: none;
	  background: rgba(255, 255, 255, 0.5);
	  color: #363636;
	  text-align: center;
	  padding-top: 150px;
	  position: absolute;
	  background-size: cover;
	  left: -151px;
	  top: -1px;
	  background-image: url(/public/common/images/erweima.png);
	  background-repeat: no-repeat;
	  background-position: center center;
	  border: 1px solid #183eac;
	}

	.side ul li.sideetel .telBox.son,
	.side ul li.sideetel2 .telBox.son {
	 width: 775px;
	  height: 68px;
	  display: none;
	  color: #fff;
	  text-align: left;
	  position: absolute;
	  left: -226px;
	  top: -1px;
	  background: #183eac;
	}

	.side ul li.sideetel .telBox dd,
	.side ul li.sideetel2 .telBox dd {
	  display: block;
	  height: 68px;
	  overflow: hidden;
	  padding-left: 62px;
	  line-height: 24px;
	  font-family: arial;
	  font-size: 14px;
	}

	.side ul li.sideetel .telBox dd span,
	.side ul li.sideetel2 .telBox dd span {
	  display: block;
	  line-height: 28px;
	  height: 28px;
	  overflow: hidden;
	  margin-top: 8px;
	  font-size: 16px;
	}

	.side ul li.sideetel .telBox dd.bgs1 {
	  background: url(/public/common/images/right_pic8.png) 13px center no-repeat;
	  background-color: #183eac;
	}

	.side ul li.sideetel2 .telBox dd.bgs1 {
	  background: url(/public/common/images/right_pic10.png) 13px center no-repeat;
	  background-color: #183eac;
	}

	@keyframes fadein {
	  from {
		  opacity: 0;
	  }

	  to {
		  opacity: 1;
	  }
	}

	.side ul li:hover .son {
	  display: block !important;
	  animation: fadein 1s;
	}
	.cd-popup-close {
	  position: absolute;
	  left: 0px;
	  top: -30px;
	  z-index: 100;
	  width: 30px;
	  height: 30px;
	  display: block;
	  font-size: 14px;
	  background: url(/public/common/images/close.png) no-repeat 50% 50%;
	}
	/**/
	.m-header >.col-xs-6>div {color:#FFF}
	.m-header >.col-xs-6 img {max-height:45px;}
	.st-container .st-menu {background:#0ba303;
		-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
		-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
		 transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	}
	.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
	.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#FFF;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#333}
	.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
	.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#333}
	.st-container .st-menu ul li>dl {transition:none;margin:0}
	.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
	.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
	.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#FFF}
	.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
	.st-effect-1.st-menu {display:block;}
	/**************************/
	@media(max-width:1600px){
		.index_about .let{padding:0 .6rem 0 0}
		.index_about .rlt{padding:0 0 0 .6rem;}
	}
	@media(max-width:1200px){
		.tem_banner .swiper-page{left:15px;}
		.index_product .let{padding-left:15px;}
	}
	/******ipad****/
	@media(max-width:990px){
		body{overflow-x:hidden;}
		.st-menu {display:block;}	
		.header {display:none;}
		.m-header  {top:0;opacity:1;}
		.tem_banner {padding:60px 0 0}

		.index_product .let,.index_product .lists a{height:460px;}
		
	}
	/********mobile*********/
	@media(max-width:767px){
	.tem_banner .swiper-slide img {width:100%;height:360px;object-fit:cover;}
	.index_about > div{display:block}
	.index_about .let{padding:0 0 .6rem;}
	.index_about .rlt{padding:0}
	.index_product{display:block}
	.index_product .lists{display:block;}
	.index_product .let,.index_product .lists a{height:400px;}
	.index_sloutuon .lists .swiper-page{right:15px;}
	.index_partner h3{position:relative;top:auto;margin:0 0 .5rem;}
	.index_partner .text{display:none;}
	.index_news .mains{display:block}
	.index_news .mains>div{margin:0 0 .35rem;}
	.index_news .mains .list > div a{padding:.35rem;}
	.index_culture > div{display:block}
	.index_culture .infos{padding:.4rem 0 0}
	.footer .infos > div{display:block}
	.footer .infos .navs{display:none}
	.footer .infos .let{padding:0}
	
	
	
	.partner .lists .swiper-slide .items{width:33.33%}
	.case_box .lists li a .txt{display:inherit}
	.case_box .lists li a h1{margin-left:0;margin:.1rem 0 0}
	.contact .infos .lists .items .info{display:inherit}
	.contact .infos .lists .items .info ul{width:100%}
	.contact .infos .lists .items .info .map {width:100%}
	.contact .job .list .thumb_list .top ul{display:inherit}
	.contact .job .list .thumb_list .top ul li:last-child{text-align:left}

		.com_menu .navbox{display:none;}
		.business ol li{width:33.3333%}
		.contact .infos .items .text{width:100%;padding:0;margin:0 0 .5rem;}
		.contact .infos .items .map{position:relative;width:100%}
		.contact .infos .items .map #container{height:350px;}
		.contact .message table tr{width:100%}
		.contact .message table td input[type="text"], .contact .message table td textarea,.contact .message table td.submint input[type="submit"] {font-size:12px;}
			.product_box .lists li p{padding:.1rem}

			.product_box .lists li p:after{display:none}
		.product_box .lists li a p{height:1.5rem;width:100%;padding:0;display:flex;flex-direction: column;align-items: center;justify-content: center;}
		.mbx_box ul{display:flex;flex-wrap: wrap;}
		.mbx_box li{width:50%}
	}