@charset "utf-8";
/*格式化*/
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,span,input,textarea { 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; }
i,em { font-style: normal; }
a { text-decoration: none; font-family: "微软雅黑"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; 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: normal; 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%; }
/**/
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; }
}
/*banner*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner .swiper-pagination { bottom: 3rem !important; }
.banner .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; background: #fff; border-radius: 50%; opacity: 0.82; margin: 0 1.05rem !important; transition: all 0.5s ease; }
.banner .swiper-pagination-bullet-active { opacity: 1; background: #1768E4; }
/*title*/
h2.main_title { text-align: center; padding-bottom: 2.4rem; background: url(/mobile/images/tbg.png) no-repeat bottom; background-size: 25.1rem 0.9rem; }
h2.main_title a { display: block; font-size: 0; line-height: 0; }
h2.main_title strong { display: block; font-size: 2.1rem; color: #323232; line-height: 100%; }
h2.main_title i { color: #1768E4; }
h2.main_title span { display: block; font-weight: normal; font-size: 1.2rem; color: #818181; line-height: 100%; margin-top: 1rem; }
/*product*/
.product { padding: 5.3rem 2.67% 7rem; position: relative; overflow: hidden; }
.product:before { position: absolute; content: ""; height: 34.5rem; background: #ebebeb; width: 100%; left: 0; top: 0; }
.product h2 { position: relative; z-index: 2; }
.product_nav { margin: 3.4rem 0 2.35rem; position: relative; z-index: 2; overflow: hidden; display: grid; grid-template-columns: repeat(3,1fr); gap: 0.2rem; }
.product_nav h3 { width: 100%; overflow: hidden; text-align: center; transition: all 0.5s ease; }
.product_nav h3 a { display: block; background: #fff; transition: all 0.5s ease; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.5rem; font-size: 1.1rem; color: #4d4d4d; line-height: 3.8rem; font-weight: normal; }
.product_nav h3:hover { box-shadow: 0rem 0.35rem 0.95rem 0.1rem rgba(23,104,228,0.41); }
.product_nav h3:hover a { font-weight: bold; color: #fff; background: linear-gradient(135deg,#355ec3,#1768e4); }
.product_hot dl { background: #ffffff; box-shadow: 0rem 0.45rem 2.7rem 0.15rem rgba(123,123,123,0.24); }
.product_hot dt { line-height: 0; overflow: hidden; position: relative; z-index: 2; }
.product_hot dd { box-sizing: border-box; padding: 2.7rem 1.5rem 2rem; }
.product_hot dd h4 a { display: block; font-size: 1.5rem; color: #1768E4; line-height: 1.9rem; padding-bottom: 1.2rem; position: relative; text-align: center; font-weight: bold; }
.product_hot dd h4 a:after { position: absolute; content: ""; width: 3.8rem; height: 0.15rem; background: #1768e4; left: 50%; margin-left: -1.9rem; bottom: 0; }
.product_hot dd p { font-size: 1.2rem; line-height: 1.5rem; color: #999; max-height: 4.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 1.3rem 0 3.35rem; }
.product_hot dd .more { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
.product_hot dd .more a { display: block; width: 11.35rem; height: 3rem; background: #ffffff; border-radius: 1.45rem; border: 0.1rem solid #1768e4; font-weight: bold; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; transition: all 0.5s ease; }
.product_hot dd .more a img { width: 1.1rem; display: block; margin-right: 0.4rem; }
.product_hot dd .more a span { display: block; font-size: 1rem; color: #1768E4; line-height: 2.8rem; }
.product_hot dd .more a:last-child { margin-left: 1.8rem; background: linear-gradient(135deg,#355ec3,#1768e4); box-shadow: 0rem 0.35rem 0.95rem 0.1rem rgba(23,104,228,0.41); }
.product_hot dd .more a:last-child span { color: #fff; }
.product .recommend { text-align: center; margin: 2.5rem 0 2.1rem; }
.product .recommend span { display: inline-block; font-weight: normal; font-size: 1.7rem; color: #323232; line-height: 2rem; position: relative; }
.product .recommend span:before,.product .recommend span:after { position: absolute; content: ""; width: 8.35rem; height: 2rem; background: url(/mobile/images/tbg3.png) no-repeat center; top: 0; background-size: 100% 100%; }
.product .recommend span:before { left: -8.9rem; }
.product .recommend span:after { right: -8.9rem; background-image: url(/mobile/images/tbg4.png); }
.pro_list { overflow: hidden; }
.pro_list li { width: 48.73%; position: relative; background:#f1f1f1; }
.pro_list li > a { display: block; overflow: hidden; line-height: 0; }
.pro_list li > a img { width: 100%; width:80%; padding:7% 10% 13%; }
.pro_list li h4 { position: absolute; width: 100%; bottom: 0; left: 0; text-align:center; }
.pro_list li h4 a { display: block; padding: 0 1rem 1.3rem 1.7rem; box-sizing: border-box; width: 100%; }
.pro_list li h4 a span { display: block; width: 12rem; font-size: 1.2rem; color: #000; line-height: 1.6rem; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_list li h4 a:after { position: absolute; content: ""; content: "+"; width: 2.25rem; height: 2.25rem; background: linear-gradient(135deg,#355ec3,#1768e4); box-shadow: 0rem 0.35rem 0.95rem 0.1rem rgba(23,104,228,0.41); text-align: center; font-size: 1.8rem; color: #fff; line-height: 1.8rem; font-weight: bold; right: 1.15rem; bottom: 1.25rem; transition: all 0.5s ease; border-radius: 50%; }
.product a.more { margin-top: 2.5rem; background: linear-gradient(135deg,#355ec3,#1768e4); height: 4.4rem; display: block; text-align: center; font-size: 1.2rem; color: #fff; line-height: 4.4rem; box-shadow: 0 0 1rem 0 rgba(0,0,0,0.1); }
.ys { padding: 4.9rem 2.67% 7rem; background: url(/mobile/images/ys_bg.jpg) no-repeat center top; background-size: 100% 100%; overflow: hidden; }
.ys .con { margin-top: 2rem; background: #fff; padding: 0.9rem; box-shadow: 0 0 1rem 0 rgba(0,0,0,0.1); }
.ys ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 3.25rem 1.1rem 0.5rem; }
.ys li { width: 44%; margin-bottom: 2.9rem; }
.ys li i { display: block; padding: 0.35rem; border: 1px solid #dcdcdc; display: inline-block; font-size: 0; border-radius: 50%; margin-bottom: 2rem; }
.ys li i img { width: 4.15rem; }
.ys li h4 span { display: block; font-size: 1.4rem; color: #323232; line-height: 1.8rem; font-weight: bold; }
.ys li p { font-size: 1.2rem; color: #818181; line-height: 1.8rem; margin-top: 1rem; }
.sm_banner .con { background: url(/mobile/images/sm_bg.jpg) no-repeat center top; height: 17.5rem; background-size: 100% 100%; padding-top: 3.3rem; padding-left: 1.25rem; box-sizing: border-box; }
.sm_banner .con h2 { margin-bottom: 1.4rem; padding-bottom: 1.8rem; position: relative; }
.sm_banner .con h2 span { display: block; font-size: 2.1rem; color: #fff; line-height: 2.45rem; letter-spacing: 0.1rem; font-weight: bold; }
.sm_banner .con h2:after { position: absolute; content: ""; width: 4.15rem; height: 0.1rem; background: #fff; left: 0; bottom: 0; }
.sm_banner .con p { font-size: 1.1rem; color: #fff; line-height: 1.8rem; letter-spacing: 1px; }
.sm_banner .s_tel { height: 6.4rem; background: #1768e4; text-align: center; padding-top: 1.5rem; box-sizing: border-box; }
.sm_banner .s_tel h3 { font-size: 1.2rem; color: #fff; line-height: 100%; font-weight: bold; margin-bottom: 0.7rem; }
.sm_banner .s_tel a { display: inline-block; font-size: 1.8rem; color: #fff; line-height: 100%; font-weight: bold; font-family: "D-DIN"; padding-left: 2.3rem; background: url(/mobile/images/s_tel.png) no-repeat left center; background-size: 1.55rem 1.55rem; }
.industry { padding: 5rem 2.67% 4.1rem; }
.industry .industry_con { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: 2rem; }
.industry li { width: 31.16%; margin-bottom: 1.2rem; box-sizing: border-box; padding: 2.4rem 1rem 4.8rem; transition: all 0.5s ease; position: relative; text-align: center; box-shadow: 0 0 1rem 0 rgba(0,0,0,0.1); border-top: 1px solid #E0E0E0; }
.industry li > img { width: 7rem; display: block; margin: 0 auto 1.95rem; }
.industry li h3 { font-size: 1.6rem; color: #323232; line-height: 100%; font-weight: bold; }
.industry li p { font-size: 1rem; color: #808080; line-height: 1.5rem; margin: 1.15rem 0 2.15rem; }
.industry li a.ask { display: block; position: absolute; left: 50%; margin-left: -3.45rem; bottom: 2.3rem; width: 6.85rem; height: 2.5rem; background: linear-gradient(135deg,#355ec3,#1768e4); box-shadow: 0rem 0.25rem 0.6rem 0.05rem rgba(23,104,228,0.39); font-size: 1.1rem; color: #fff; line-height: 2.5rem; font-weight: bold; letter-spacing: 1px; }
/*case*/
.case { background: #eee; padding: 5.65rem 2.67% 7.4rem; overflow: hidden; }
.case_con { overflow: hidden; box-shadow: 0 0 1rem 0 rgba(0,0,0,0.1); margin: 3.3rem 0 4.2rem; }
.case_con dl { background: #fff; }
.case_con dt { line-height: 0; overflow: hidden; }
.case_con dd a { display: block; padding: 2.6rem 2rem 2.7rem; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.case_con dd h4 { width: 21.5rem; }
.case_con dd h4 strong { display: block; font-size: 1.4rem; color: #000; line-height: 1.9rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_con dd h4 span { display: block; font-size: 1.1rem; color: #808080; line-height: 1.6rem; font-weight: normal; margin-top: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_con dd p { font-size: 1.1rem; color: #fff; line-height: 2.5rem; width: 6.85rem; height: 2.5rem; background: linear-gradient(135deg,#355EC3,#1768E4); box-shadow: 0rem 0.25rem 0.6rem 1px rgba(23,104,228,0.39); text-align: center; margin-top: 0.85rem; }
.case .swiper-pagination { position: relative; }
.case .swiper-pagination-bullet { width: 3.9rem; height: 0.45rem; background: #C6C6C6; border-radius: 0; opacity: 1; margin: 0 0.25rem !important; transition: all 0.5s ease; }
.case .swiper-pagination-bullet-active { background: linear-gradient(135deg,#355EC3,#1768E4); }
.power { background: #F1F1F1 url(/mobile/images/power_bg.jpg) no-repeat center top; background-size: 100% auto; padding: 5.45rem 0 6.95rem; overflow: hidden; }
.power h2 { padding-bottom: 0; background-position-y: 3.45rem; background-image: url(/mobile/images/tbg1.png); }
.power h2 strong,.power h2 span { color: #fff; }
.power h2 span { margin-top: 8.05rem; }
.power_nav { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; background: #165CCA; margin: 5.5rem 0 1.8rem; }
.power_nav h3 { width: 25%; height: 7.4rem; background: #165CCA; position: relative; text-align: center; box-sizing: border-box; transition: all 0.5s ease; cursor: pointer; font-size: 1.8rem; color: #fff; line-height: 2.5rem; padding-top: 1.2rem; font-weight: normal; }
.power_nav h3 span { display: block; }
.power_nav h3.on,.power_nav h3:hover { background: linear-gradient(135deg,#25C9FF,#1768E4); box-shadow: 0rem 0.35rem 0.95rem 0.1rem rgba(23,104,228,0.41); font-weight: bold; }
.power_con { background: #ffffff; box-shadow: 0rem 0.45rem 2.7rem 0.15rem rgba(123,123,123,0.24); overflow: hidden; margin: 0 2.67%; border-bottom: 1px solid #D1D1D1; }
.power_con dl { background: #fff; }
.power_con dt { line-height: 0; overflow: hidden; }
.power_con dd { padding: 4rem 2.5rem 5.1rem; }
.power_con dd h3 { font-size: 1.8rem; color: #2966d1; line-height: 100%; font-weight: normal; padding-bottom: 1.3rem; border-bottom: 1px solid #999; position: relative; margin-bottom: 1.9rem; }
.power_con dd h3:after { position: absolute; content: ""; width: 9.15rem; height: 0.2rem; background: #2966d1; left: 0; bottom: -1px; z-index: 2; }
.power_con dd h4 { font-size: 1.4rem; color: #000; line-height: 100%; font-weight: normal; }
.power_con dd p { font-size: 1.2rem; color: #808080; line-height: 1.8rem; margin-top: 1.2rem; }
.news { padding: 5.7rem 2.67% 5.6rem; }
.news_nav { height: 2.05rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 5.6rem; }
.news_nav h3 a { display: block; font-size: 1.8rem; color: #3E3E3E; line-height: 100%; padding-bottom: 0.4rem; position: relative; z-index: 2; }
.news_nav h3 a:after { position: absolute; content: ""; width: 100%; height: 0; transition: all 0.3s ease; background: #2966D1; left: 0; bottom: 0; z-index: -1; }
.news_nav h3.on a { font-weight: bold; }
.news_nav h3.on a:after { height: 0.5rem; }
.news .swiper-slide { background: #fff; }
.news dl { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #E4E4E4; }
.news dt { width: 34.225%; line-height: 0; }
.news dd { width: 62.11%; }
.news dd h4 { font-size: 1.3rem; color: #333; line-height: 2.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news dd p { font-size: 1.2rem; line-height: 1.7rem; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 1.2rem; }
.news dl:last-child { border-bottom: none; }
.news a.more { display: block; width: 12.2rem; height: 4.1rem; background: linear-gradient(135deg,#25C9FF,#1768E4); box-shadow: 0rem 0.35rem 0.95rem 0.1rem rgba(23,104,228,0.41); margin: 3.4rem auto 0; font-size: 1.2rem; color: #fff; line-height: 4.1rem; text-align: center; }
.about { background: url(/mobile/images/about_bg.jpg) no-repeat center top; height: 50.2rem; background-size: 100% 100%; position: relative; padding-top: 5.45rem; box-sizing: border-box; text-align: center; }
.about h2 { line-height: 0; }
.about h2 img { display: block; width: 19.05rem; margin: 0 auto 1.7rem; }
.about h2 strong { display: block; font-size: 1.8rem; color: #000; line-height: 2.8rem; font-weight: bold; }
.about a.more { display: block; margin: 17.2rem auto 0; width: 23.45rem; height: 4.05rem; font-size: 1.2rem; color: #fff; line-height: 4.05rem; background: #2966D1; }