@charset "utf-8";blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,span,table,td,textarea,th,ul{margin:0;padding:0}
body{font-size:14px;font-family:"微软雅黑",Arial,Verdana,Arial,Helvetica,sans-serif;padding-top:1px;background:#fff}
li,ol{list-style:none}
ins{text-decoration:none}
em,i{font-style:normal}
a{text-decoration:none;font-family:"微软雅黑"}
a:hover{cursor:pointer;text-decoration:none}
:focus{outline:0}
.clear{clear:both;line-height:0;overflow:hidden;zoom:1;font-size:0;content:"."}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
img{padding:0;margin:0}
a img{border:none}
input,textarea{border:none;font-family:"微软雅黑";font-size:13px}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:14px;font-family:"微软雅黑"}
.fl{float:left}
.fr{float:right}
.wrap{min-width:320px;max-width:750px;margin:0 auto;overflow:hidden;position:relative;font-family:"微软雅黑";background:#fff}
.wrap img{display:block;width:100%}
h2.main_title{display:block;text-align:center}
h2.main_title strong{display:block;font-size:2.1rem;color:#000;line-height:100%;letter-spacing:1px}
h2.main_title span{display:block;font-weight:400;font-size:1.2rem;color:#2f3132;line-height:100%;margin-top:.95rem}
.ban{position:relative;z-index:3;width:100%;overflow:hidden}
.ban img{display:block;width:100%}
.ban .swiper-pagination{bottom:1.5rem!important;}
.ban .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 .5rem!important;width:.8rem;height:.8rem;border-radius:50%}
.ban .swiper-pagination-bullet-active{opacity:1;background:#00bffe}
.brand{padding:3.95rem 3.33% 4.8rem;overflow:hidden;box-sizing:border-box}
.brand h2 span{line-height:2rem;margin-top:1.65rem}
.brand_nav{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;margin:2.7rem 0 .95rem}
.brand_nav li{width:31.85%;overflow:hidden;transition:all .5s ease}
.brand_nav li a{display:block;position:relative;width:100%;height:100%;line-height:0}
.brand_nav li .desc{width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;padding-top:3.15rem;text-align:center}
.brand_nav li h3 strong{display:block;font-size:1.6rem;color:#fff;line-height:100%}
.brand_nav li h3 span{display:block;font-size:.9rem;color:#fff;line-height:100%;margin-top:.55rem;font-weight:700}
.brand_nav li i{display:block;margin:2.5rem auto 0;width:5rem;height:2.15rem;border:.1rem solid #fff;box-sizing:border-box;font-size:1rem;color:#fff;line-height:1.95rem;border-radius:1.1rem}
.brand_nav li.cur{box-shadow:0 1.15rem 2.6rem .25rem rgba(0,0,0,.13)}
.brand_nav li.cur .desc{background:#fff}
.brand_nav li.cur h3 span,.brand_nav li.cur h3 strong{color:#000}
.brand_nav li.cur i{background:#00bffe;color:#fff;border-color:#00bffe}
.brand_con dl{background:#fff;box-shadow:0 1.15rem 2.6rem .25rem rgba(0,0,0,.13);overflow:hidden;position:relative;line-height:0}
.brand_con dd{position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box;padding:2.45rem 7% 0 8%}
.brand_con dd strong{display:block;padding-bottom:1.1rem;border-bottom:.1rem solid #00bffe;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;margin-bottom:1.7rem}
.brand_con dd strong a{display:block;font-size:1.2rem;color:#00bffe;line-height:100%}
.brand_con dd strong span{display:block;font-size:.9rem;color:#999;line-height:1.2rem;font-weight:400}
.brand_con dd .classification a{display:block;font-size:1.2rem;color:#000;line-height:3.6rem}
.brand_con dl:nth-child(3) .classification a:nth-child(4),.brand_con dl:nth-child(3) .classification a:nth-child(5),.brand_con dl:nth-child(3) .classification a:nth-child(6){position:absolute;left:30%;top:6.55rem;}
.brand_con dl:nth-child(3) .classification a:nth-child(5){top:10.15rem;}
.brand_con dl:nth-child(3) .classification a:nth-child(6){top:13.75rem;}
.brand_con dl.swiper-slide{opacity:0!important}
.brand_con dl.swiper-slide-active{opacity:1!important}
.product{margin-top:3.35rem;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.product li{width:48.57%;background:#f4f4f4;position:relative;line-height:0;overflow:hidden;padding-bottom:3rem;margin-bottom:1rem}
.product li h4{position:absolute;width:100%;box-sizing:border-box;padding:0 1.5rem;left:0;bottom:1.85rem;transition:all .3s cubic-bezier(0,.01,.25,1)}
.product li h4 span,.product li h4 strong{display:block;font-size:1.2rem;color:#000;line-height:1.5rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand_more{margin-top:.6rem;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}
.brand_more a{display:block;width:48.57%;height:3.1rem;background:#fff;border:.1rem solid #4c4c4c;border-radius:1.55rem;box-sizing:border-box;padding-left:1.65rem;font-size:1rem;line-height:2.9rem;color:#000;text-align:left;background:url(/mobile/images/more1.png) no-repeat 92% center;background-size:1rem auto;transition:all .3s ease;font-weight:700}
.project{background:#f0f1f5 url(/mobile/images/project_bg.jpg) no-repeat center bottom;background-size:100% auto;padding:4.2rem 3.33% 1.9rem}
.project_con{margin-top:6.25rem;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.project_con h3{width:48.285%;background:#fff url(/mobile/images/more3.png) no-repeat 90% center;margin-bottom:1.4rem;background-size:2.25rem}
.project_con h3 a{display:block;box-sizing:border-box;padding:2.5rem 8.875%}
.project_con h3 span,.project_con h3 strong{display:block;font-weight:700;font-size:1.4rem;color:#474848;line-height:1.8rem}
.service{background:#f0f1f5;padding:4.1rem 3.33% 2.5rem}
.service ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.service ul{margin-top:2.8rem}
.service li{margin-bottom:3.1rem;text-align:center}
.service li i{display:block;width:8.85rem;height:8.85rem;background:#fff;border-radius:50%;margin:0 auto 1.95rem;padding-top:2.75rem;box-sizing:border-box;transition:all .3s ease}
.service li i img{width:3rem;display:block;margin:0 auto 1.1rem}
.service li i span{display:block;font-size:1.8rem;line-height:100%;color:#d9d9d9;font-style:italic}
.service li h3 span{display:block;font-size:1rem;line-height:100%;color:#2f3132;font-weight:400}
.service li h3 strong{display:block;font-size:1.4rem;line-height:100%;color:#2f3132;margin-top:.7rem;font-weight:400}
.service li:last-child i{display:block;padding-top:3.1rem;background:#00bffe}
.service li:last-child i img{width:2.7rem}
.case{padding:3.5rem 3.33% 5.15rem}
.case_con{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-top:2.4rem}
.case_con dl{width:48.71%;position:relative;line-height:0;overflow:hidden}
.case_con dd{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6);padding:0 1.7rem;width:100%;box-sizing:border-box}
.case_con dd h4{font-size:1.2rem;line-height:2.8rem;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}
.case_con dd .desc{display:block;font-size:.9rem;line-height:1.5rem;color:#fff;max-height:3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;position:relative;float:left;display:none;margin-top:.75rem;width:52%;box-sizing:border-box}
.case_con dl:first-child{width:100%;margin-bottom:.9rem}
.case_con dl:first-child dd{padding:0 4.857% 1.2rem;overflow:hidden}
.case_con dl:first-child dd h4{width:31.57%;float:left;margin-right:6.7%}
.case_con dl:first-child dd .desc{display:block}
.proys{background:#f0f1f5;padding:3.7rem 0 4.65rem;overflow:hidden}
.proys_nav{margin:3rem 0 1.5rem;display:flex;display:-webkit-flex}
.proys_nav li{width:25%;height:6.75rem;background:#373737;text-align:center;font-size:1.8rem;color:#fff;line-height:6.75rem;cursor:pointer}
.proys_nav li.cur{font-weight:700;background:#00bffe}
.proys_con{margin:0 3.33%}
.proys_con dl{position:relative;line-height:0;overflow:hidden;box-shadow:-.45rem .9rem 2rem 0 rgba(54,54,54,.11)}
.proys_con dd{position:absolute;width:100%;bottom:0;padding:0 9% 3.1rem}
.proys_con dd h4{font-size:1.5rem;color:#fff;line-height:100%;font-weight:700;margin-bottom:2.2rem}
.proys_con dd p{font-size:1.2rem;color:#fff;line-height:1.8rem}
.proys_con dd p:before{content:"- "}
.proys .swiper-pagination{position:relative;bottom:0;margin-top:2.45rem}
.proys .swiper-pagination-bullet{width:1.2rem;height:1.2rem;background:grey;opacity:.34;border-radius:50%;margin:0 .75rem!important}
.proys .swiper-pagination-bullet-active{opacity:1;background:#00bffe}
.news{padding:4.85rem 3.33% 5.65rem}
.news_nav{height:2.2rem;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;margin-bottom:4.8rem}
.news_nav h3{margin:0 2.25rem}
.news_nav h3 a{display:block;font-size:1.8rem;color:#b6b6b6;line-height:100%;padding-bottom:.4rem;position:relative}
.news_nav h3 a:after{position:absolute;content:"";width:100%;height:0;transition:all .3s ease;background:#00bffe;left:0;bottom:0}
.news_nav h3.cur a{color:#3e3e3e}
.news_nav h3.cur a:after{height:.4rem}
.news .swiper-slide{background:#fff}
.news dl{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid rgba(210,210,210,.6)}
.news dt{width:34.71%;line-height:0}
.news dd{width:60.86%}
.news dd h4{font-size:1.3rem;color:#333;line-height:2.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news dd p{font-size:1.2rem;line-height:1.7rem;color:#999;max-height:3.4rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:.9rem}
.news dl:last-child{border-bottom:none}
.news a.more{display:block;width:12.25rem;height:4rem;background:#00bffe;box-shadow:0 .65rem 3.45rem .2rem rgba(130,180,16,.3);text-align:center;font-size:1.2rem;color:#fff;line-height:4rem;margin:3.1rem auto 0}
.about{position:relative;line-height:0}
.about_con{width:22rem;height:30.3rem;background:rgba(0,191,254,.88);box-sizing:border-box;padding:3rem;position:absolute;left:3.33%;top:6.6rem}
.about_con h2 span{display:block;font-size:2.5rem;color:#fff;line-height:100%;font-weight:700}
.about_con h2 strong{display:block;font-size:2.6rem;color:#fff;line-height:2.9rem;font-weight:400;margin:1.5rem 0 2rem}
.about_con p span{display:block;font-size:1.1rem;color:#fff;line-height:1.8rem}
.about_con a.more{display:block;font-size:1.2rem;color:#fff;line-height:2.2rem;margin-top:3.2rem}
html{background:#fff}
@media screen and (min-width:320px){html{font-size:8.533px}
}
@media screen and (min-width:360px){html{font-size:9.6px}
}
@media screen and (min-width:375px){html{font-size:10px}
}
@media screen and (min-width:393px){html{font-size:10.48px}
}
@media screen and (min-width:400px){html{font-size:10.664px}
}
@media screen and (min-width:414px){html{font-size:11.04px}
}
@media screen and (min-width:440px){html{font-size:11.73px}
}
@media screen and (min-width:480px){html{font-size:12.796px}
}
@media screen and (min-width:520px){html{font-size:13.863px}
}
@media screen and (min-width:560px){html{font-size:14.93px}
}
@media screen and (min-width:600px){html{font-size:15.996px}
}
@media screen and (min-width:640px){html{font-size:17.06px}
}
@media screen and (min-width:680px){html{font-size:18.1288px}
}
@media screen and (min-width:700px){html{font-size:18.66px}
}
@media screen and (min-width:720px){html{font-size:19.1952px}
}
@media screen and (min-width:750px){html{font-size:20px}
}