@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 a{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:baseline;-webkit-align-items:baseline;letter-spacing:1px}
h2.main_title a strong{display:block;font-weight:400;font-size:2.1rem;color:#000;line-height:100%}
h2.main_title a span{display:block;font-weight:400;font-size:1.2rem;color:#999;line-height:100%}
h2.main_title1 a{display:block;letter-spacing:1.5px}
h2.main_title1 a strong{display:block;font-size:2.1rem;color:#1a1a1a;line-height:100%;font-weight:400}
h2.main_title1 a span{display:block;font-size:1.3rem;color:#4d4d4d;line-height:100%;margin-top:1.65rem;font-weight:400}

.ban{position:relative;z-index:3;width:100%;overflow:hidden}
.ban img{display:block;width:100%}
.ban .swiper-pagination{bottom:1rem}
.ban .swiper-pagination-bullet{background:#fff;width:3rem;opacity:.5;height:.1rem;margin:0 .25rem!important;border-radius:0;-o-transition:all .3s ease;transition:all .3s ease}
.ban .swiper-pagination-bullet-active{width:5rem;border-radius:0;opacity:1;background:#fff}

.intro{padding-top:4.4rem;padding-bottom:4.7rem}
.intro .intro_con{padding:0 6.67%}
.intro h2 a{display:block;position:relative;padding-bottom:1.95rem}
.intro h2 a:after{position:absolute;content:"";width:3.95rem;height:.15rem;background:#383d39;left:0;bottom:0}
.intro h2 span{display:block;font-size:1.4rem;color:#424242;line-height:100%;font-weight:400}
.intro h2 strong{display:block;font-size:2.1rem;color:#000;line-height:100%;font-weight:400;margin-top:.95rem}
.intro h2 i{font-weight:700}
.intro h2+p{font-size:1.3rem;color:#999;line-height:2rem;margin:2.55rem 0 2.35rem;text-align:justify}
.intro ul{margin-left:4%;display:flex;display:-webkit-flex;height:7.6rem;background:#1a1a1a;padding-top:1.9rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.intro li{width:25%;text-align:center;position:relative}
.intro li:after{position:absolute;content:"";width:1px;height:3.2rem;background:rgba(179,179,179,.23);right:0;top:0}
.intro li i{display:block;font-size:1rem;color:#b3b3b3;line-height:100%}
.intro li strong{display:inline-block;font-size:2.3rem;color:#fff;line-height:100%;font-weight:400}
.intro li b{display:inline-block;font-size:.7rem;color:#b3b3b3;line-height:100%;font-weight:400;vertical-align:top;margin-left:.1rem}
.intro li span{display:block;font-size:1rem;color:#b3b3b3;line-height:100%;margin-top:.35rem}
.intro li:last-child:after{display:none}

.case{background:#f0f0f0;overflow:hidden;padding-bottom:2.85rem}
.case_nav{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin:3.5rem 0 1.7rem}
.case_nav h3{position:relative;margin-bottom:.55rem;width:44.64%}
.case_nav h3 a{display:block;font-size:1.4rem;color:#000;line-height:3rem;font-weight:400;text-indent:3.15rem;position:relative;border-radius:1.5rem;-o-transition:all .3s ease;transition:all .3s ease}
.case_nav h3 a:before{position:absolute;content:"";width:.6rem;height:.6rem;background:#000;border-radius:50%;left:1.8rem;top:1.2rem;-o-transition:all .3s ease;transition:all .3s ease}
.case_nav h3:hover a{color:#fff;background:#1a1a1a}
.case_nav h3:hover a:before{background:#fff}
.case dl{background:#fff;position:relative;box-shadow:-1px .15rem .3rem 0 rgba(54,54,54,.07)}
.case dt{width:100%;line-height:0;overflow:hidden;position:relative}
.case dd{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-transition:all .3s ease;transition:all .3s ease;padding:1.05rem 24% 1rem 8.7%;background:url(../images/more.png) no-repeat 91.5% 1.65rem;background-size:2.05rem}
.case dd h4 strong{display:block;font-size:1.4rem;color:#000;line-height:1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case dd h4 span{display:block;font-size:1.2rem;color:#666;line-height:1.8rem;font-weight:400}
.case dl.case_hot dd{padding:2.7rem 23.73% 2.5rem 5.79%;background-position:94% 5.2rem}
.case dl.case_hot dd h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;display:-webkit-flex;align-items:baseline;-webkit-align-items:baseline}
.case dl.case_hot dd h4 strong{display:block;font-size:1.4rem;color:#1a1a1a;line-height:1.5rem;margin-right:1.3rem;overflow:visible}
.case dl.case_hot dd h4 span{display:block;font-size:1.1rem;color:#1a1a1a;line-height:100%;font-weight:400}
.case dl.case_hot dd p{font-size:1.3rem;color:#666;line-height:1.8rem;display:block;margin-top:1.25rem}
.case_con{padding:4.2rem 4% 1.05rem}
.case_list{padding:0 34.7% 0 0;margin-left:4%;position:relative;overflow:hidden}

.brand{background:#f0f0f0;padding:0 4% 6rem}
.brand .brand_con{background:#fff;padding:3.95rem 6.087% 3.65rem;box-shadow:-.05rem .15rem .3rem 0 rgba(54,54,54,.07)}
.brand ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-top:2rem}
.brand li{width:47.77%;border:1px solid #dcdcdc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:1.2rem}

.custom{padding:4.3rem 4% 1.3rem}
.custom h2+p{font-size:1.3rem;color:#4d4d4d;line-height:1.8rem;margin:2.4rem 0 1.9rem}
.custom_con{margin-top:2.6rem}
.custom_con dl{position:relative;line-height:0}
.custom_con dl:nth-child(odd) .more{order:-1}
.custom_con dl:nth-child(odd) .sub_title{text-align:right}
.custom_con dl:nth-child(odd) h3{text-align:right}
.custom_con dd{position:absolute;width:100%;height:100%;-o-transition:all .3s ease;transition:all .3s ease;top:0;left:0}
.custom_con dd a{display:block;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;padding:2.1rem 6.67% 0 7.54%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.custom_con .info{display:flex;display:-webkit-flex;flex-direction:column;justify-content:space-between;width:48%;height:8.1rem}
.custom_con .sub_title{opacity:.7}
.custom_con .sub_title strong{display:block;font-size:1.1rem;color:#fff;line-height:1.4rem;font-weight:400;text-transform:uppercase}
.custom_con .sub_title span{display:block;font-size:.6rem;color:#fff;line-height:.8rem;text-transform:uppercase;font-weight:400}
.custom_con h3{font-size:1.6rem;color:#fff;line-height:100%;font-weight:700}
.custom_con .more{width:2.05rem;height:2.05rem}

.client_con{padding:0 4% 6rem; display: flex;
  display: -webkit-flex; flex-wrap: wrap;
  -webkit-flex-wrap: wrap;}
.client_con>li{width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#f0f0f0;border-bottom:1px solid #fff;padding:3.1rem 2.2rem 3.8rem}
.client_con h3{font-size:1.4rem;line-height:100%;color:#333;padding-left:1.05rem;font-weight:400;position:relative;margin-bottom:2rem}
.client_con h3:before{position:absolute;content:"";width:.3rem;height:1rem;background:#333;left:0;top:1px}
.client_con ul{display: flex;
  display: -webkit-flex;justify-content: space-between;
  -webkit-justify-content: space-between;flex-wrap: wrap;
  -webkit-flex-wrap: wrap;}
.client_con ul li{width:48.83%;line-height:0;margin-bottom:.35rem}
.client_con>li:nth-child(odd){border-right:1px solid #fff;}


.power{padding:4.7rem 4% 5.9rem;background:#f2f2f2}
.power_con{margin-top:3.35rem;background:#fff;box-shadow:0rem .7rem 2.95rem 0rem rgba(48,52,57,.13);border-top:.45rem solid #000}
.power_nav{height:4.5rem;display:flex;display:-webkit-flex}
.power_nav li{width:25%;text-align:center;font-size:1.8rem;color:#fff;line-height:4rem;height:4.5rem;background:#000;-o-transition:all .3s ease;transition:all .3s ease;font-weight:700}
.power_nav li.cur{background:#fff;color:#000}
.power_list{margin:2.25rem 1.45rem 0}
.power_list dd{padding:3.25rem 1.25rem 5.3rem}
.power_list h3 i{display:block;float:left;font-size:3.6rem;color:#000;line-height:3.7rem;font-family:Impact;font-weight:400;margin-right:2rem}
.power_list h3 strong{display:block;font-size:1.8rem;color:#000;line-height:100%;font-weight:400}
.power_list h3 span{display:block;font-size:1.3rem;color:#000;line-height:100%;font-weight:400;margin-top:.65rem}
.power_list p{font-size:1.3rem;color:#666;line-height:2.4rem;margin-top:2.1rem}

.news{padding:5.15rem 4% 5.3rem}
.news_nav{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;margin:2.7rem 0 2.1rem;text-align:center}
.news_nav h3{width:48.55%}
.news_nav h3 a{display:block;background:#f4f4f4;border-radius:1.75rem;font-size:1.3rem;color:#000;line-height:3.5rem;font-weight:400;-o-transition:all .3s ease;transition:all .3s ease}
.news_nav h3.cur a,.news_nav h3:hover a{color:#fff;font-weight:700;background:#000}
.news_con .swiper-slide{padding:.7rem 2.6%;background:#f4f4f4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.news_con dl{padding:1.3rem 0;border-bottom:1px solid rgba(210,210,210,.6);display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center}
.news_con dl:nth-child(3){border-bottom:none}
.news_con dt{width:28.14%}
.news_con dd{width:67.7%}
.news_con dd h4{font-size:1.3rem;color:#333;line-height:1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.news_con dd p{font-size:1.2rem;color:#999;line-height:1.7rem;margin-top:1.15rem}

.about{padding:5.3rem 4% 2rem;background:url(../images/about_bg.jpg) no-repeat center top;background-size:100% auto}
.about h2 a span,.about h2 a strong{color:#fff}
.about .about_con{padding:1.2rem 1.2rem 0;background:#fff;margin-top:4.4rem}
.about ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}
.about ul li{width:49.6%}
.about ul li img{width: 100%;}
.about p{font-size:1.3rem;color:#4d4d4d;line-height:2rem;text-align:justify;margin:2.05rem 0}
.about a.more{display:block;width:2.05rem;height:2.05rem;margin:0 auto}

html{background:#fff}
.wrap{opacity:0}
.loading{position:fixed;width:100%;height:100%;top:0;z-index:51;display:none;max-width:750px;min-width:320px;z-index:99999}
.loading img{display:none}
.loading #showNext{line-height:1.8rem;display:none;color:#fff;border:.05rem solid #fff;border-radius:5%;padding-left:1rem;padding-right:1rem;text-align:center;position:absolute;right:1rem;top:1rem;z-index:99}
.homeShow{animation:fade .8s ease both;-webkit-animation:fade .8s ease both}
@-webkit-keyframes fade{
from{opacity:1;display:block}
to{opacity:0;display:none;height:0}
}
@keyframes fade{
from{opacity:1;display:block}
to{display:none;opacity:0;height:0}
}
.fade{-webkit-animation-name:fade;animation-name:fade}
@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}
}