.header{position:fixed;top:0;left:0;width:100%;z-index:18;background:#FFF;padding:0 .35rem 0 .65rem;font-size:0}
.header >div{display:inline-block;vertical-align:middle;width:14%}
.header .navlist{width:86%;background:#f1f1f1;border-radius:999px;padding:0 .48rem;}
.header .logos {line-height:.97rem;}
.header .logos img {max-height:.62rem;transition:none}
.header .navlist>*{display:inline-block;vertical-align:middle;width:80%}
.header .navlist>ul>li {display:inline-block;vertical-align:middle;padding:0 .55rem 0 0;}
.header .navlist>ul>li a{font-size:.16rem;color:#525252;}
.header .navlist>ul>li.active a,.header .navlist>ul>li a:hover{color:#039749}
.header .navlist .itembox{width:20%;text-align:right;padding:.1rem .55rem .1rem 0;position:relative}
.header .navlist .itembox input {width:100%;height:.46rem;background:#FFF;border-radius:999px;border:0;padding:0 .2rem;font-size:.14rem;color:#808080;}
.header .navlist .itembox button {position:absolute;right:0;top:50%;transform:translateY(-50%);width:.46rem;height:.46rem;background:#FFF;border-radius:100%;font-size:.2rem;color:#000;border:0;}

.is_header {box-shadow:0 0 12px rgba(0,0,0,.12)}
/**/
.tem_banner .swiper-slide .img img {width:100%;height:100vh;object-fit:cover;}
.tem_banner .swiper-page>div{position:absolute;top:50%;left:1.9rem;transform:translateY(-50%);z-index:1;font-size:.3rem;color:#FFF;opacity:.5}
.tem_banner .swiper-page>div.slide-button-next{left:auto;right:1.9rem;}
.tem_banner .swiper-page>div:hover {opacity:1}
.tem_banner .slide-pagination{position:absolute;bottom:.9rem;left:50%;transform:translateX(-50%);z-index:1;}
.tem_banner .slide-pagination span {opacity:.5;outline:none;width:.29rem;height:6px;border-radius:999px;margin:0 .07rem;background:#FFF}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{opacity:1}
.m210 {margin:0 2.1rem;}
#main {font-size:0}

.index_infos{background:url(../images/xicon0.jpg) 0 0 no-repeat;background-size:cover;padding:1.3rem 0 .65rem;}
.index_infos>div>div{display:inline-block;vertical-align:middle;width:55%}
.index_infos .lists{position:relative}
.index_infos .lists .swiper-slide img {width:100%;height:5.13rem;object-fit:cover;transition:none}
.index_infos .lists .slide-pagination{position:absolute;bottom:.36rem;left:.19rem;z-index:1}
.index_infos .lists .slide-pagination span {opacity:.5;outline:none;width:.19rem;height:4px;background:#FFF;border-radius:0;margin:0 .1rem 0 0}
.index_infos .lists .slide-pagination span.swiper-pagination-bullet-active{opacity:1}

.index_infos .names{width:45%;padding:0 0 0 1.17rem;}
.index_infos .names h4 {font-size:.3rem;color:#3e3e3e;}
.index_infos .names p{font-size:.16rem;color:#989898;text-transform:uppercase;margin:.1rem 0 0}
.index_infos h6 {width:100%;text-align:center;margin:.7rem 0 0;font-size:.16rem;color:#989898;text-transform:uppercase;}


.index_product{padding:.95rem .14rem 1.1rem;background:#f6f6f6}
.index_product .titles {margin:0 0 .54rem;padding:0 0 .4rem;position:relative;background:url(../images/xicon1.png) center bottom no-repeat;background-size:.19rem .2rem;}
.index_product .titles p{font-size:.48rem;color:#202020;text-transform:uppercase;margin:0 0 .15rem;}
.index_product .titles h3 {font-size:.4rem;color:#202020;}
.index_product .lists>div{display:inline-block;vertical-align:top;width:16.666%;padding:0 .14rem;}
.index_product .lists a{display:block;position:relative;padding:.65rem .1rem;background:#FFF;text-align:center;}
.index_product .lists h6{font-size:.3rem;color:#333;margin:0 0 .7rem}
.index_product .lists .imgs {height:2.3rem;line-height:2.3rem;text-align:center;margin:0 0 .98rem;}
.index_product .lists .imgs img {max-height:2.3rem;filter: grayscale(100%);}
.index_product .lists p {font-size:.16rem;color:#333;margin:0;text-transform:uppercase;}
.index_product .lists a:hover h6,.index_product .lists a:hover p {color:#039749}
.index_product .lists a:hover{transform:translateY(-5px);box-shadow:2px 2px 4px rgba(0,0,0,.12)}
.index_product .lists a:hover .imgs img {filter:grayscale(0)}

.index_about{position:relative;padding:1.05rem 0 0;overflow:hidden}
.index_about:before{content:'';width:100%;height:60%;background:#eee;position:absolute;left:4.32rem;bottom:1.4rem;}
.index_about>div{position:relative;z-index:5}
.index_about .infos{margin-left:4.32rem;}
.index_about .infos h3 {font-size:.48rem;color:#039749;}
.index_about .infos h4 {font-size:.48rem;color:#000000;margin:.2rem 0 .5rem;font-weight:bold;}
.index_about .infos p{font-size:.16rem;color:#515151;line-height:1.8;margin:0 0 .7rem;}
.index_about .infos .imgs {position:relative}
@keyframes dropdown {
	form{
		transform:translate(-50%,-50%) rotate(0);
	}
	to{
		transform:translate(-50%,-50%) rotate(360deg);
	}
}
.index_about .infos .imgs>span {position:absolute;top:50%;left:48%;transform:translateY(-50%);font-size:.88rem;color:#FFF;z-index:1;}
.index_about .infos .imgs>span:before{content:'';background:url(../images/xicon2.png) 0 0 no-repeat;width:2.57rem;height:2.57rem;background-size:2.57rem 2.57rem;text-align:center;line-height:2.57rem;animation: dropdown 10s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.index_about .qua_info{padding:1.53rem 0 0;}
.index_about .qua_info>div{display:inline-block;vertical-align:top;width:59%}
.index_about .qua_info .text {width:41%;padding:1.1rem 2.1rem 0 1.05rem;}
.index_about .qua_info .text h4 {font-size:.48rem;color:#555555;line-height:1.8;margin:0 0 .45rem;}
.index_about .qua_info .text p{font-size:.16rem;color:#2f2f2f;line-height:1.7}

.index_news{padding:1.2rem 0 1.35rem;}
.index_news .titles {margin:0 0 .7rem;}
.index_news .titles h3 {font-size:.48rem;color:#555555;margin:0 0 .3rem;}
.index_news .titles a{font-size:.24rem;color:#555555;text-decoration:underline;}
.index_news .lists{margin-left:2.1rem;}
.index_news .swiper-slide a{display:block;position:relative;background:#efefef;padding:.22rem .25rem .55rem;}
.index_news .swiper-slide .imgs img{width:100%;height:3.45rem;object-fit:cover;transition:none;}
.index_news .swiper-slide .text{padding:.35rem 0 0}
.index_news .swiper-slide .text h6 {font-size:.22rem;color:#343434;margin:0 0 .5rem;}
.index_news .swiper-slide .text p{font-size:.16rem;color:#343434;line-height:.25rem;height:.5rem;overflow:hidden;margin:0 0 .45rem;}
.index_news .swiper-slide .text span {font-size:.16rem;color:#343434;}
.index_news .swiper-slide .text span i{color:#039749}

.index_envlr{position:relative;display:flex;}
.index_envlr>div.imgs {width:40%}
.index_envlr>div.imgs img {width:100%;height:100%;object-fit:cover;transition:none;}
.index_envlr .mains{background:url(../images/xicon3.jpg) 0 0 no-repeat;background-size:cover;width:60%;padding:2.25rem 0 0 .55rem;position:relative}
.index_envlr .mains .imgs {text-align:right;width:74%;margin-left:26%}
.index_envlr .mains .desc{position:absolute;top:1.19rem;left:.5rem;z-index:1}
.index_envlr .mains .desc h3 {font-size:.36rem;color:#222222;margin:0 0 .3rem;}
.index_envlr .mains .desc p{font-size:.16rem;color:#222222;line-height:1.8}
.index_envlr .mains h6 {font-size:.36rem;color:#222222;text-transform:uppercase;letter-spacing:.18rem;margin:.4rem 0 0;line-height:1}

.footer{background:#262627;padding:.7rem 0 0;font-size:0}
.footer .infos>div{display:inline-block;vertical-align:top;width:27%}
.footer .infos .navlist{width:54%}
.footer .infos .code {width:19%;text-align:right;}
.footer .infos .logos img {max-height:.6rem;transition:none}
.footer .infos .logos .share{margin:1.1rem 0 0}
.footer .infos .logos .share span {font-size:.16rem;color:#FFF}
.footer .infos .logos .share p{margin:.3rem 0 0;}
.footer .infos .logos .share p a{display:inline-block;margin:0 .1rem 0 0;width:.34rem;height:.34rem;border:1px solid #FFF;background:#727272;font-size:.18rem;color:#FFF;line-height:.32rem;text-align:center;border-radius:100%}
.footer .infos .navlist>dl {display:inline-block;vertical-align:top;width:20%;margin:0;padding:0 .15rem 0 0}
.footer .infos .navlist>dl dt {margin:0 0 .25rem;}
.footer .infos .navlist>dl dt a{font-size:.16rem;color:#FFF}
.footer .infos .navlist>dl dd {margin:0 0 .15rem;}
.footer .infos .navlist>dl dd a{font-size:.14rem;color:#a5a5a5}
.footer .infos .code>div{display:inline-block;text-align:center;}
.footer .infos .code p{font-size:.16rem;color:#FFF;margin:.2rem 0 0}
.footer .items{display: flex;    flex-direction: row;    justify-content: space-between;    align-items: flex-end;}
.footer .items .t {font-size:.14rem;color:#909090;}
.footer .items .t p{margin:0 .3rem 0 0;display:inline-block;}
.footer .items .f_email{position:relative}
.footer .items .f_email p{font-size:.16rem;color:#FFF;margin:0 0 .15rem;}
.footer .items .f_email form{position:relative}
.footer .items .f_email input{width:100%;height:.38rem;border:1px solid #7d7d7d;border-radius:8px;padding:0 1rem 0 .15rem;font-size:.16rem;color:#FFF;background:none;width:3.5rem;}
.footer .items .f_email button {position:absolute;right:0;top:0;width:.85rem;height:.38rem;background:#898989;border-radius:8px;text-align:center;border:0}
.footer .items .f_email button img {max-height:.17rem;transition:none;}
.footer .copy{margin:.5rem 0 0;padding:.3rem 0;border-top:1px solid #464647;font-size:.14rem;color:#909090}
.footer .copy a{font-size:.14rem;color:#909090;display:inline-block;}
/**/
.tem_banner  .flash{position:relative}
.tem_banner  .flash .txt{position:absolute;left:50%;transform:translateX(-50%);text-align:center;top:50%;width:100%}
.tem_banner  .flash .txt h1{font-size:.5rem;color:white;}
.tem_banner  .flash .txt  p{font-size:.32rem;color:white;text-transform:uppercase;letter-spacing:.1rem;margin:.35rem 0 0;font-family:"Georgia"}
.mbx>div{margin:0 0 0 .76rem;display:flex}
.mbx>div a{font-size:.16rem;color:black}
.about{padding:0.5rem 0 2.9rem;}
.about .about_company>h1{text-align:center;font-size:.36rem;color:black;padding: 0 0 1.25rem;}
.about .about_company .infos{display:flex;padding:0 1.8rem 0 0;justify-content: space-between;}
.about .about_company .infos .img{width:55%}
.about .about_company .infos .text{width:39%;padding:1.44rem 0 0}
.about .about_company .infos .text h2{color:#d6d4d2;font-size:.5rem;text-transform:uppercase;letter-spacing:16px;padding:0 0 .72rem;-webkit-box-reflect: below -160px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.8))); }
.about .about_company .infos .text h3{font-size:.48rem;color:black;padding:0 0 .55rem}
.about .about_company .infos .text  p{font-size:.16rem;color:black;line-height:.3rem}

.about_work {padding:1.3rem 0 0}
.about_work h3 {font-size:.36rem;color:#000;margin:0 0 .55rem;text-align:center}
.about_work .lists .swiper-slide a{display:block;position:relative}
.about_work .lists .swiper-slide .imgs_ img {width:100%;height:3.55rem;object-fit:cover;transition:none}
.about_work .lists .swiper-slide p{font-size:.16rem;color:#000;text-align:center;margin:.2rem 0 0}
.about_work .lists .slide-pagination{margin:.4rem 0 0;text-align:center}
.about_work .lists .slide-pagination span {opacity:1;outline:none;width:.12rem;height:.12rem;background:#f2f2f2;margin:0 3px;}
.about_work .lists .slide-pagination span.swiper-pagination-bullet-active{background:#039749}



.about .about_cooperation{display:flex;padding:.5rem 0 0;}
.about .about_cooperation .img{width:50.2%}
.about .about_cooperation  .left{width:49.8%;background:url(/public/common/images/about_bg.png) no-repeat;background-position:center center;padding:1.6rem 0 0 2.6rem}
.about .about_cooperation  .left h1{font-size:.48rem;color:black;padding:0 0 .6rem}
.about .about_cooperation  .left ul li{margin:0 0 .6rem}
.about .about_cooperation  .left ul li p{margin:0 0 .15rem;font-size:.18rem;color:#2e2e2e;}
.about .about_cooperation  .left ul li p em{color:black;font-size:.2rem;font-style:italic;text-transform:uppercase;}
.about .about_cooperation  .left>a{display:inline-block;background:#313131;padding:.05rem .3rem;color:white;letter-spacing:5px;font-size:.14rem}
.footer .pad95{margin:0 0 0 .95rem;border-radius:100px 0 0 0;display:flex;}
.footer .pad95  .left{width:69%;padding: 0 0.88rem 0 1.6rem;background:url(/public/common/images/fot_bg.png) no-repeat;background-size:cover;}
.footer .pad95  .left .logo{margin:.74rem  0 .64rem}
.footer .pad95  .left .logo a{display:inline-block}
.footer .pad95  .left .navs ul{display:flex;justify-content: space-between;}

.footer .pad95  .left .navs ul li a{font-size:.16rem;color:black;font-weight:bold}
.footer .pad95  .left .fot_info{padding: .8rem 0 0.34rem;}
.footer .pad95  .left .fot_info ul li{margin:0 0 .27rem}
.footer .pad95  .left .fot_info ul li p{font-size:.15rem;color:black;font-weight:bold}
.footer .pad95  .left  .weixin{display:flex;align-items: flex-end;justify-content: space-between;}
.footer .pad95  .left  .weixin .imgs{text-align:center}
.footer .pad95  .left  .weixin .imgs p{font-size:.15rem;color:black;padding:.08rem 0 0}
.footer .pad95  .left  .weixin>p,.footer .pad95  .left  .weixin a{font-size:.15rem;color:#6e6c6c}
.footer .pad95 .right{width:31%;}
.news_box {margin:0 0 .87rem;}
.news_box .mbx>div{background:#fcfaf8;padding:.5rem 0 0;}
.news_box  .new_lists{padding:0 0 0 .95rem}
.news_box  .new_lists .pad78{background:#fcfaf8;padding:1rem 2.6rem 1rem 1.83rem;border-radius:0 0 0 100px}
.news_box  .new_lists .lists a{display:flex;margin:0 0 .55rem;justify-content: space-between;align-items: center;}
.news_box  .new_lists .lists a .img{width:21%}
.news_box  .new_lists .lists a .text{width:75.5%}
.news_box  .new_lists .lists a .text h1{font-size:.18rem;color:black;font-weight:bold}
.news_box  .new_lists .lists a .text  p{font-size:.16rem;color:black;margin:.15rem 0 .22rem}
.news_box  .new_lists .lists a .text .time{display:flex;justify-content: space-between;position:relative}
.news_box  .new_lists .lists a .text .time:after{content:"";position:absolute;bottom:-.1rem;width:100%;height:1px;background:#d6d4d2}
.news_box  .new_lists .lists a .text .time:before{content:"";position:absolute;bottom:-.1rem;width:0;height:1px;background:#039749;z-index:2;transition:.6s}
.news_box  .new_lists .lists a:hover .text .time:before{width:100%;transition:.6s}
.news_box  .new_lists .lists a .text .time span{font-size:.16rem;color:#8c8c8c}
.news_box  .new_lists .lists a .text .time em{padding-right:.56rem;font-size:.16rem;color:#b9b9b9;;position:relative}
.news_box  .new_lists .lists a .text .time em:after{content:"";position:absolute;background:url(/public/common/images/jt.png) no-repeat;width:.37rem;height:.12rem;background-size:100%;right:0;bottom:.055rem;transition:.6s}
.news_box  .new_lists .lists a:hover .text .time  em:after{background:url(/public/common/images/jt_h.png) no-repeat;width:.37rem;height:.12rem;transition:.6s;background-size:100%}
.news_box  .new_lists .lists a:hover .text .time  em{color:#039749;font-weight:bold}
.news_box  .new_lists .lists a:hover img{transform:scale(.9)}
.news_box  .new_lists .flex-center {text-align:center;padding:.3rem 0 0}
.news_box  .new_lists .flex-center a{display:inline-block;font-size:.16rem;color:black;font-weight:bold;cursor:pointer;transition:0s}
.product_box{padding:.5rem 0 0}    
.product_box .title{text-align:center;padding:.36rem 0  .55rem}
.product_box .title h1{font-size:.48rem;color:black;padding:0 0 .3rem}
.product_box .title  p{font-size:.16rem;color:black}
.product_box .pro_nav {padding:.4rem 0 .25rem;;border-top:1px solid #d6d4d2;border-bottom:1px solid #d6d4d2}
.product_box .pro_nav ul {display:flex;justify-content: center;}
.product_box .pro_nav ul li{margin:0 .5rem}
.product_box .pro_nav ul li a{font-size:.14rem;color:black;font-weight:bold;position:relative;text-align:center;} 
.product_box .pro_nav ul li .ico {text-align:center;height:.65rem;line-height:.65rem;margin:0 0 .25rem;}
.product_box .pro_nav ul li .ico img {max-height:.65rem;filter:grayscale(100%)}
.product_box .pro_nav ul li a:hover .ico img,.product_box .pro_nav ul li.active .ico img {filter:grayscale(0)}
.product_box .pro_nav ul li a:hover:after{top:-.1rem;transition:.3s}
.product_box .pro_nav ul li a:hover{color:#039749;transition:.3s}
.product_box .pro_nav ul li.active a{color:#039749}
.product_box .product_list   .lists{padding:1.06rem .33rem .5rem;border-bottom:1px solid #d6d4d2}
.product_box .product_list   .lists .items {padding: 0 .09rem;margin:0 0 .9rem}
.product_box .product_list   .lists .items  a .img{overflow:hidden}
.product_box .product_list   .lists .items  a .img h1{font-size:.14rem;position:absolute;bottom:-.55rem;width:100%;padding:.18rem 0;background:#039749;color:white}
.product_box .product_list   .lists .items  a:hover .img h1{bottom:0}
.product_box .product_list   .lists .items  a:hover img{transform:scale(1.1)}
.product_box .product_list   .lists .items a .text h1{display:inline-block;padding:.12rem .26rem;background:#d6d4d2;border-radius:5px;color:white;font-size:.18rem;margin:.1rem 0}
.product_box .product_list   .lists .items  a:hover  .text h1{background:rgba(164,0,0)}
.product_box .product_list   .lists .items a  .text h2{font-size:.16rem;color:black;margin:.1rem 0;font-weight:bold}
.product_box .product_list   .lists  .items a  .text h3{font-size:.16rem;color:black;text-transform:uppercase;font-weight:bold}
.page{padding:.35rem 0 1.2rem}
.page>*{display:inline-block;width:.3rem;height:.3rem;line-height:.3rem;background:#e5e5e5;opacity:1;color:black;font-size:.15rem;margin:0 .05rem;border-radius:5px;font-weight:bold}
.page .page-num-current{background:rgba(49,49,49);color:white}
.page>*:hover{background:rgba(49,49,49);color:white}
.page>*:hover i{color:white}

.product .mbx{padding:.5rem 0 .8rem}
.product .pro_con{padding:0 .78rem 1.1rem;display:flex;justify-content: space-between;border-bottom:1px solid #d6d4d2}
.product .pro_con .left{width:47.5%}
.product .pro_con .left .bigimg{position:relative}

.product .pro_con .left .bigimg  .swiper-page>div{position:absolute;width:.5rem;height:.5rem;line-height:.5rem;border-radius:100%;text-align:center;font-size:.18rem;;outline:none;z-index:2;top:50%;transform:translateY(-50%);left:5%;background:#fbf9f7;color:#444444}
.product .pro_con .left .bigimg .swiper-page>div.slide-button-next {left:auto;right:5%}
.product .pro_con .left .thumbs{padding:.2rem 0 0}
.product .pro_con  .right{width:49%}
.product .pro_con  .right .title{padding:.38rem 0  .55rem}
.product .pro_con  .right .title h1{font-size:.48rem;color:black;padding:0 0 .2rem;font-weight:bold}
.product .pro_con  .right .title p{font-size:.48rem;color:black;text-transform:uppercase;font-weight:bold}
.product .pro_con  .right a{text-align:center;padding:.2rem 0;background:#313131;color:white;font-size:.18rem}
.product .pro_con  .right .content{padding:1.6rem 0 0}
.product .pro_con  .right .content ul li:first-child{border-top:1px solid #d6d4d2}
.product .pro_con  .right .content ul li{padding:.2rem .6rem;border-bottom:1px solid #d6d4d2}
.product .pro_con  .right .content ul li p{font-size:.16rem;color:black}
.product .pro_tuijian{padding:0 .78rem 1.75rem}
.product .pro_tuijian .title{text-align:center;padding:.47rem 0 .5rem}
.product .pro_tuijian .title h1{font-size:.32rem;color:black}
.product .pro_tuijian  .lists{position:relative}
.product .pro_tuijian  .lists a{position:relative}
.product .pro_tuijian  .lists a .text{position:absolute;left:.5rem;bottom:.35rem;z-index:2}
.product .pro_tuijian  .lists a .text h1{font-size:.24rem;color:white;padding:0 0 .15rem}
.product .pro_tuijian  .lists a .text p{font-size:.24rem;color:white;text-transform:uppercase}
.product .pro_tuijian  .lists a:hover .text h1,.product .pro_tuijian  .lists a:hover  .text p{color:#919191}
.product .pro_tuijian  .lists a:hover img{transform:scale(1.1)}

.product .pro_tuijian  .lists .swiper-page>div{position:absolute;width:.5rem;height:.5rem;line-height:.5rem;border-radius:100%;text-align:center;font-size:.18rem;;outline:none;z-index:2;top:50%;transform:translateY(-50%);left:0;background:#fbf9f7;color:#444444}
.product .pro_tuijian  .lists .swiper-page>div.slide-button-next {left:auto;right:0}

.join_box {margin:0 0 .87rem;}
.join_box .mbx>div{background:#fcfaf8;padding:.5rem 0 0;}
.join_box  .join{padding:0 0 0 .95rem}
.join_box  .join .pad78{background:#fcfaf8;border-radius:0 0 0 100px}
.join_box  .join .pad78 .top{padding:1.33rem 2.6rem 0 2.21rem;background:url(/public/common/images/about_bg.png) no-repeat;background-position:55% 22%}
.join_box  .join .infos{}
.join_box  .join .infos ul{display:flex;flex-wrap: wrap;margin:0 0 .8rem}
.join_box  .join .infos ul li{width:33.33%;margin:0 0 .77rem}
.join_box  .join .infos ul li p em{color:black;font-size:.18rem;font-style:italic;text-transform:uppercase;}
.join_box  .join .infos ul li p:last-child{margin:.05rem 0 0;font-size:.16rem;color:#1f1f1f}
.join_box  .join  .form{padding:0 0 1.07rem}
.join_box  .join  .form .title h1{font-size:.36rem;color:black;padding:0 0  .9rem}
.join_box  .join  .form form .input{display:flex;justify-content: space-between;}
.join_box  .join  .form form .input .int{width:29%;position:relative}
.join_box  .join  .form form .input .int input{width:100%;border-bottom:1px solid #bfbfbf;border-top:0;border-right:0;border-left:0;background:none;padding:0 0 0 .5rem;height:.45rem;font-size:.18rem;font-style:italic;line-height:.45rem}
.join_box  .join  .form form .input .int p{position:absolute;font-size:.18rem;color:black;bottom:0;font-style:italic;padding:.1rem 0;}
.join_box  .join  .form form .input .int p:after{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:black}
.join_box  .join  .form form .textarea{width:100%;position:relative;margin:1rem 0 0}
.join_box  .join  .form form .textarea input{width:100%;border-bottom:1px solid #bfbfbf;border-top:0;border-right:0;border-left:0;background:none;padding:0 0 0 .85rem;height:.45rem;font-size:.18rem;font-style:italic;line-height:.45rem}
.join_box  .join  .form form .textarea p{position:absolute;font-size:.18rem;color:black;bottom:0;font-style:italic;padding:.1rem 0;}
.join_box  .join  .form form .textarea p:after{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:black}
.join_box  .join  .form form .button button{padding:.08rem .34rem;background:#313131;color:white;border:0;font-size:.14rem;margin:.5rem 0 0}
.join_box  .join .img:after{content:"";position:absolute;background:url(/public/common/images/english.png) no-repeat;width:3.98rem;height:4.06rem;top:50%;left:50%;transform:translate(-50%,-50%);animation: rotate1 20s linear infinite forwards;;background-size:100%}
@keyframes rotate1  {
	form{
	transform:translate(-50%,-50%) rotate(0deg) 
	}
	to{
	transform:translate(-50%,-50%) rotate(360deg)
	}
}
.contact_box .contact{background:#fbf9f7;margin:0 0 .33rem}
.contact_box .contact .mbx{padding:.5rem 0 0}
.contact_box .contact  .infos>div{padding:0 0 1.2rem}
.contact_box .contact  .infos h1{font-size:.36rem;color:black;font-weight:bold;padding:.8rem 0 .58rem}

.contact_box .contact  .infos ul{display:flex;flex-wrap: wrap;}
.contact_box .contact  .infos ul li{width:33.33%;margin:0 0 .9rem}
.contact_box .contact  .infos ul li p em{color:black;font-size:.18rem;font-style:italic;text-transform:uppercase;}
.contact_box .contact  .infos ul li p:last-child{margin:.05rem 0 0;font-size:.16rem;color:#1f1f1f}
.contact_box .contact  .infos span{font-size:.18rem;color:black;position:relative}
.contact_box .contact  .infos span:after{content:"";position:absolute;background:url(/public/common/images/down.png) no-repeat;width:.08rem;height:.49rem; background-size:100%;left:50%;transform:translateX(-50%);bottom:-.6rem;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		bottom:-.6rem
	}
	to{
		bottom:-.9rem
	}
}
.contact_box .middle{position:relative}
.contact_box .middle .map{position:absolute;height:90%;width:29%;left:2.6rem;top:50%;transform:translateY(-50%);}
.contact_box .middle .map #container{height:100%}
.contact_box .message{padding:2.2rem 0 3.3rem}
.contact_box .message  .form{padding:0 0 1.07rem}
.contact_box .message   .form .title h1{font-size:.36rem;color:black;padding:0 0  .8rem}
.contact_box .message  .form form .input{display:flex;justify-content: space-between;}
.contact_box .message .form form .input .int{width:29%;position:relative}

.contact_box .message   .form form .input .int input{width:100%;border-bottom:1px solid #bfbfbf;border-top:0;border-right:0;border-left:0;background:none;padding:0 0 0 .5rem;height:.45rem;font-size:.18rem;font-style:italic;line-height:.45rem}
.contact_box .message  .form form .input .int p{position:absolute;font-size:.18rem;color:black;bottom:0;font-style:italic;padding:.1rem 0;}
.contact_box .message   .form form .input .int p:after{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:black}
.contact_box .message   .form form .textarea{width:100%;position:relative;margin:.6rem 0 .5rem}
.contact_box .message   .form form .textarea input{width:100%;border-bottom:1px solid #bfbfbf;border-top:0;border-right:0;border-left:0;background:none;padding:0 0 0 .5rem;height:.45rem;font-size:.18rem;font-style:italic;}
.contact_box .message   .form form .textarea p{position:absolute;font-size:.18rem;color:black;bottom:0;font-style:italic;padding:.1rem 0;}
.contact_box .message  .form form .textarea p:after{content:"";position:absolute;width:100%;bottom:0;left:0;height:2px;background:black}
.contact_box .message   .form form .button button{padding:.08rem .34rem;background:#313131;color:white;border:0;font-size:.14rem;margin:.5rem 0 0}
.contact_box .message   .form form .codes .int{width:40%}
.contact_box .message   .form form .codes .int input[name="checkcode"] {width:60%;padding-left:1rem;}

.team{padding:.5rem 0 0}    
.team .title{text-align:center;padding:.36rem 0  .55rem}
.team .title h1{font-size:.48rem;color:black;padding:0 0 .3rem}
.team .title  p{font-size:.16rem;color:black}
.team  .lists .items{padding:0 .15rem;margin:0 0 .3rem}
.pro1_nav ul{display:flex;justify-content: center;;padding:.3rem 0 0}
.pro1_nav ul li{margin:0 .3rem}
.pro1_nav ul li a{font-size:.15rem;font-weight:bold;padding:.1rem .4rem;border:1px solid black;border-radius:10px}
.pro1_nav ul li a:hover{background:#039749;color:white;border:1px solid #039749}
.pro1_nav ul li.active a{background:#039749;color:white;border:1px solid #039749}
/* */
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#fbf9f7;
	-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:black;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#039749;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:black}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.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:gray;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:#039749}
.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;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1600px){	
	.about .about_company .infos .text h2{font-size:.35rem}
	.about .about_cooperation .left{padding:1rem 0 0 1.6rem}
	.about .about_cooperation .left ul li{margin:0 0 0.3rem}
}
@media(max-width:1440px){
	.m210{margin:0 1.1rem;}
	.index_about .qua_info .text{padding-right:1.1rem;}
	.index_news .lists{margin-left:1.1rem;}
	.about .about_company .infos .text h2{font-size:.3rem}
	.news_box .new_lists .pad78{padding:1rem 1.6rem 1rem 1rem}
	.join_box .join .pad78 .top{padding:1.33rem 1.6rem 0 1.2rem}
}
@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}
	.m210 {margin:0 25px;}
	.index_about .qua_info .text{padding-right:25px;}
	.index_news .lists{margin-left:25px;}
	.index_about .infos{margin-left:2.32rem;}
	.index_about::before{left:2.32rem;}
	
}
/********mobile*********/
@media(max-width:767px){
.tem_banner .swiper-slide .img img{height:320px;}
.tem_banner .swiper-page > div{left:15px;}
.tem_banner .swiper-page > div.slide-button-next{left:auto;right:15px;}
.tem_banner .slide-pagination{bottom:.25rem;}
.m210{margin:0 15px;}
.index_infos .names{padding-left:.25rem;}
.index_product .lists > div{width:33.333%;margin:0 0 .15rem;}
.index_about .infos{margin-left:0;padding:0 15px;}
.index_about .qua_info > div{width:100% !important;}
.index_about .qua_info{margin:0 15px;}
.index_about::before{display:none;}
.index_envlr .mains .desc{position:relative;top:0;left:0;}
.index_envlr .mains{padding:.75rem 0 .75rem .55rem;}
.index_envlr .mains .imgs{width:100%;margin:.55rem 0 0}
.footer .infos .navlist{display:none;}
.footer .infos > div{width:50%}
.footer .infos .code{width:50%}
.news_box .new_lists .lists a{display:block;}
.news_box .new_lists .lists a .img{width:100%}
.news_box .new_lists .lists a .text{width:100%;padding:.45rem 0 0}


.tem_banner .flash .txt{top:30%}
.tem_banner .flash .txt p{letter-spacing:0}
.about .about_company>h1{padding:.5rem 0}
.about .about_company .infos{padding:0;display:inherit}
.about .about_company .infos .img{width:100%}
.about .about_company .infos .text h2{padding:0 0 .2rem}
.about .about_company .infos .text h3{padding:0 0 .2rem}
.about .about_company .infos .text{width:100%;padding:.2rem}
.about .about_cooperation{display:inherit}
.about .about_cooperation .left{width:100%;padding:.3rem}
.about .about_cooperation .img{display:none}
.about{padding:0.5rem 0 1rem}
.news_box .new_lists{padding:0}
.news_box .new_lists .pad78{padding:1rem .2rem 1rem .2rem}
.product_box .pro_nav ul{display:flex;flex-wrap: wrap;}
.product_box .pro_nav ul li{width:25%;text-align:center;margin:0 0 .2rem}
.product_list .page{padding:.35rem 0 1rem}
.product .pro_con{padding:0 .2rem 1.1rem;display:inherit}
.product .pro_con .left{width:100%}
.product .pro_con .right{width:100%}
.product .pro_con .right .content{padding:.5rem 0 0}
.product .pro_tuijian{padding:0 .2rem 1.75rem}
.join_box .join{padding:0}
.join_box .join .pad78 .top{padding:.6rem}
.join_box .join .infos ul li{width:50%}
.contact_box .contact .infos ul li{width:50%}
.contact_box .middle .map{position:inherit;width:100%;left:0;transform:none}
.contact_box .middle .map #container{height:5rem}
.contact_box .message{padding:1rem 0 }
.contact_box .message .form form .textarea input{padding:0 0 0 1rem}
.contact_box .message .form form .input .int input{padding:0 0 0 .6rem}
.join_box .join .form form .textarea input{padding:0 0 0 1rem}
.join_box .join .form form .input .int input{padding:0 0 0 .6rem}
.contact_box .message .form form .input{display:block;}
.contact_box .message .form form .input .int{width:100%;margin:0 0 .25rem;}
.contact_box .message .form form .input .int input,.contact_box .message .form form .textarea input{height:45px;}


}