@charset "utf-8";
/*banner*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner .swiper-pagination { bottom: 1.5rem !important; }
.banner .swiper-pagination-bullet { opacity: 0.5; width: 0.6rem; height: 0.6rem; background: #fff; border-radius: 50%; margin: 0 0.5rem !important; transition: all 0.5s ease; }
.banner .swiper-pagination-bullet-active { opacity: 1; }
/*title*/
h2.main_title { text-align: center; position: relative; }
h2.main_title a { display: block; line-height: 0; }
h2.main_title i { display: inline-block; font-size: 2.4rem; color: #333; line-height: 100%; font-weight: normal; font-style: normal; position: relative; padding-bottom: 0.45rem; padding-top: 0.7rem; }
h2.main_title i:before,h2.main_title i:after { position: absolute; content: ""; width: 0.95rem; height: 1.4rem; background: url(/mobile/images/tbg1.png) no-repeat center; background-size: 100% 100%; }
h2.main_title i:before { left: -1.25rem; top: -0.7rem; }
h2.main_title i:after { right: -1.6rem; top: 1.4rem; }
h2.main_title strong { color: #0a2894; font-weight: bold; }
h2.main_title span { display: block; font-size: 1.3rem; color: #333; line-height: 100%; margin-top: 0.9rem; font-weight: normal; }
/*custom*/
.custom { background: url(/mobile/images/custom_bg.jpg) no-repeat center top; background-size: 100% 100%; padding: 4.8rem 2.67% 3.8rem; box-sizing: border-box; }
.custom ul { margin-top: 22.7rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.custom li { margin-bottom: 1.7rem; min-width: 25%; text-align: center; }
.custom li img { background: url(/mobile/images/custom_bg1.png) no-repeat center; background-size: 100% 100%; width: 3.7rem; height: 3.7rem; margin: 0 auto 1.25rem; }
.custom li strong { display: block; font-size: 1.2rem; color: #222; line-height: 100%; }
/*product*/
.product { padding: 3.85rem 2.67% 4.1rem; }
.pro_nav { margin: 1.95rem 0 1.85rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.pro_nav h3 { width: 33.1%; }
.pro_nav h3 a { display: block; font-size: 1.2rem; color: #333; line-height: 3.15rem; text-align: center; font-weight: normal; position: relative; background: rgba(10,40,148,0.07); transition: all 0.5s ease; }
.pro_nav h3 a::before { content: ""; display: inline-block; width: 0.3rem; height: 0.3rem; background: #0a2894; border-radius: 50%; transition: all 0.5s ease; margin-right: 1rem; vertical-align: middle; }
.pro_nav h3:hover a { background: #0a2894; color: #fff; }
.pro_nav h3:hover a:before { background: #d4d9e5; }
.pro_con { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.pro_con li { width: 47.6%; background: #fff; margin-bottom: 1.75rem; }
.pro_con li > a { display: block; overflow: hidden; line-height: 0; }
.pro_con li h4 a { display: block; height: 3.5rem; background: #ffffff; box-shadow: 0rem 0rem 0.75rem 0rem rgba(0,0,0,0.05); font-size: 1rem; color: #222; line-height: 3.5rem; text-align: center; font-weight: normal; padding: 0 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
.pro_more { margin-top: 1.05rem; padding-bottom: 0.95rem; background: url(/mobile/images/shadow.png) no-repeat center bottom; background-size: 11.9rem 0.95rem; }
.pro_more a { display: block; margin: 0 auto 0; width: 14.55rem; height: 3.25rem; background: #ff9600; border-radius: 1.65rem; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; line-height: 0; align-items: center; -webkit-align-items: center; }
.pro_more a span { display: block; font-size: 0.9rem; color: #fff; line-height: 3.25rem; }
.pro_more a img { width: 1.05rem; display: block; margin-left: 1.3rem; transition: all 0.5s ease; }
.pro_more a:hover img { margin-left: 1.5rem; }
/*sm_banner1*/
.sm_banner1 { background: url(/mobile/images/sm_bg1.jpg) no-repeat center bottom; background-size: 100% 100%; height: 17.25rem; padding-top: 4rem; box-sizing: border-box; text-align: center; }
.sm_banner1 h2 strong { display: block; font-size: 1.6rem; color: #fff; line-height: 100%; }
.sm_banner1 h2 span { display: block; font-size: 1.2rem; color: #fff; line-height: 100%; font-weight: normal; margin-top: 0.8rem; }
.sm_banner1 .s_tel { margin-top: 2.2rem; }
.sm_banner1 .s_tel p { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.sm_banner1 .s_tel p img { display: block; width: 1.3rem; height: 1.3rem; background: #ff9600; border-radius: 50%; margin-right: 0.45rem; }
.sm_banner1 .s_tel p span { display: block; font-size: 1rem; color: #fff; line-height: 1.3rem; }
.sm_banner1 .s_tel a { display: block; font-size: 2rem; color: #fff; line-height: 100%; margin-top: 0.4rem; font-weight: bold; }

 .cost {padding:3.8rem 2.67% 1rem;}
.cost .cost_con {margin-top:2.8rem;overflow:hidden;position:relative;padding-bottom:7.5rem;}
.cost .cost_con .swiper-slide {padding-top:2.35rem;padding-left:1.7rem;box-sizing:border-box;position:relative;}
.cost .cost_con .swiper-slide img {position:absolute;left:0;top:0;width:100%;z-index:-1;}
.cost .cost_con .swiper-pagination {bottom:0rem !important;}
.cost .cost_con .swiper-pagination-bullet {opacity:0.3;width:0.6rem;height:0.6rem;background:#0a2894;border-radius:50%;margin:0 0.5rem !important;transition:all 0.5s ease;}
.cost .cost_con .swiper-pagination-bullet-active {opacity:1;}
.cost h3 {margin-bottom:1.2rem;}
.cost h3 strong {display:block;font-size:1.8rem;color:#000;line-height:100%;}
.cost h3 span {display:block;font-size:1.3rem;color:#666;line-height:100%;padding-top:1rem;font-weight:normal; width:62%;}
.cost p {font-size:1rem;color:#666;line-height:2.7rem;padding-left:1.6rem;background:url(/mobile/images/cost_icon.png) no-repeat left center;background-size:0.7rem 0.7rem;}
.cost p strong {font-size:1.5rem;color:#ff9600;font-weight:bold;}


.project { padding-top: 4rem; }
.project_con { margin-top: 2.5rem; height: 31.85rem; position: relative; background: url(/mobile/images/solution.jpg) no-repeat center top; background-size: 100% 100%; }
.project_con li { text-align: center; padding: 5rem 12% 0; box-sizing: border-box; transition: all 0.5s ease; }
.project_con li img { width: 8.3rem; display: block; margin: 0 auto; }
.project_con li h3 { font-size: 1.8rem; color: #fff; line-height: 100%; font-weight: bold; }
.project_con li p { font-size: 1rem; color: #fff; line-height: 1.8rem; margin: 1.6rem 0 3.7rem; }
.project_con li a { width: 9rem; height: 2.7rem; border: 0.1rem solid #ffffff; box-sizing: border-box; transition: all 0.5s ease; text-align: center; display: block; border-radius: 1.35rem; margin: 0 auto; }
.project_con li a span { font-size: 1rem; color: #fff; line-height: 2.5rem; display: inline-block; }
.project_con li a img { display: inline-block; width: 0.9rem; margin-left: 0.75rem; transition: all 0.5s ease; }
.project_con li a:hover img { margin-left: 0.9rem; }
.project_con .swiper-pagination { bottom: 1.65rem !important; }
.project_con .swiper-pagination-bullet { opacity: 0.5; width: 0.5rem; height: 0.5rem; opacity: 0.3; background: #fff; border-radius: 50%; margin: 0 0.15rem !important; transition: all 0.5s ease; }
.project_con .swiper-pagination-bullet-active { opacity: 1; }
/*case*/
.case { padding: 4.25rem 2.67% 0; }
.case_con { margin: 3rem 0 2.85rem; position: relative; overflow: hidden; box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.07); }
.case_con dl { background: #fff; background: #ffffff; box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.07); border-radius: 1.1rem; overflow: hidden; }
.case_con dt { border-radius: 1.1rem; overflow: hidden; line-height: 0; }
.case_con dd { padding: 2.1rem 2rem 2.4rem; box-sizing: border-box; }
.case_con dd h4 { font-size: 1.8rem; color: #333; line-height: 2.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.case_con dd p { font-size: 1rem; line-height: 1.8rem; color: #666; max-height: 5.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 1.35rem 0 1.2rem; }
.case_con dd i { display: block; width: 9rem; height: 2.7rem; background: #0a2894; background: linear-gradient(90deg,#0a2894,#2b48ad); border-radius: 1.35rem; text-align: center; transition: all 0.5s ease; }
.case_con dd i span { display: inline-block; font-size: 1rem; color: #fff; line-height: 2.7rem; }
.case_con dd i img { width: 0.9rem; margin-left: 0.7rem; display: inline-block; transition: all 0.5s ease; }
.case_con dd i:hover img { margin-left: 0.9rem; }
.case_con .swiper-pagination { font-size: 0; position: absolute; left: 31.05rem !important; bottom: 3.75rem !important; width: auto; text-align: left; }
.case_con .swiper-pagination-bullet { display: inline-block; width: 0.5rem; height: 0.5rem; background: #014099; opacity: 0.3; border-radius: 50%; margin-right: 0.3rem !important; cursor: pointer; transition: all 0.5s ease; }
.case_con .swiper-pagination-bullet-active { opacity: 1; }
.case_more { display: block; width: 24.7rem; height: 3.4rem; background: #ff9600; border-radius: 1.7rem; margin: 0 auto; text-align: center; transition: all 0.5s ease; line-height: 0; }
.case_more span { display: inline-block; font-size: 1.2rem; color: #fff; line-height: 3.4rem; }
.case_more img { display: inline-block; width: 1.55rem; margin-left: 1.15rem; transition: all 0.5s ease; vertical-align: 0; }
.case_more:hover img { margin-left: 1.35rem; }
.ys { padding-top: 4.55rem; }
.ys_con { margin-top: 3rem; position: relative; }
.ys_con dl { position: relative; overflow: hidden; }
.ys_con dt { line-height: 0; }
.ys_con dd { position: absolute; top: 4.2rem; left: 2.67%; width: 62%; }
.ys_con dd i { display: block; font-size: 0.9rem; color: #fff; line-height: 100%; margin-bottom: 1.8rem; font-weight: bold; }
.ys_con dd h4 strong { display: block; font-size: 1.8rem; color: #fff; line-height: 2.2rem; }
.ys_con dd p { font-size: 1rem; color: #fff; line-height: 1.5rem; margin: 1.05rem 0 1.75rem; }
.ys_con dd .more { display: block; text-align: center; transition: all 0.5s ease; box-sizing: border-box; width: 9rem; height: 2.7rem; border: 1px solid #ffffff; border-radius: 1.35rem; }
.ys_con dd .more span { display: inline-block; font-size: 1rem; color: #fff; line-height: 2.6rem; }
.ys_con dd .more img { display: inline-block; width: 0.9rem; margin-left: 0.8rem; transition: all 0.5s ease; }
.ys_con dd .more:hover img { margin-left: 0.95rem; }
.ys_nav { background: rgba(0,0,0,0.4); height: 7rem; position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; }
.ys_nav h3 { width: 25%; float: left; height: 7rem; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,0.15); padding-top: 1.5rem; text-align: center; transition: all 0.5s ease; cursor: pointer; }
.ys_nav h3 img { width: 2.5rem; display: block; margin: 0 auto; }
.ys_nav h3 span { font-size: 0.9rem; color: #fff; line-height: 100%; font-weight: bold; display: block; margin-top: 0.8rem; }
.ys_nav h3.on { background: #0a2894; background: linear-gradient(90deg,#0a2894,#2b48ad); }
.process { background: url(/mobile/images/process_bg.jpg) no-repeat center top; height: 52.25rem; background-size: 100% 100%; padding: 4.85rem 3.33% 0; box-sizing: border-box; position: relative; }
.process h2 { text-align: left; position: absolute; left: 2.4rem; top: 6.45rem; }
.process li { float: left; width: 10.05rem; width: 28.71%; height: 8.8rem; background: #0a2894; border-radius: 1.5rem 0rem 1.5rem 0rem; position: relative; transition: all 0.5s ease; padding-top: 2.4rem; text-align: center; box-sizing: border-box; margin-right: 6.935%; margin-bottom: 2.5rem; }
.process li i { display: block; font-size: 0.6rem; color: #fff; line-height: 100%; font-weight: bold; position: absolute; left: 1.35rem; top: 1rem; }
.process li img { width: 2.4rem; display: block; margin: 0 auto; }
.process li h3 { font-size: 1.2rem; color: #fff; line-height: 100%; margin-top: 1.1rem; font-weight: bold; }
.process li:after { position: absolute; content: ""; width: 0.9rem; height: 1rem; background: url(/mobile/images/process_right.png) no-repeat center; background-size: 0.9rem 1rem; right: -1.65rem; top: 3.85rem; }
.process li:hover { background: #ff9600; }
.process li:first-child { float: right; margin-left: 50%; margin-right: 0; }
.process li:nth-child(2),.process li:nth-child(7),.process li:nth-child(8) { margin-right: 0; }
.process li:nth-last-child(-n + 3),.process li:nth-child(2),.process li:nth-child(3),.process li:nth-child(4) { float: right; }
.process li:nth-last-child(-n + 3):after,.process li:nth-child(2):after,.process li:nth-child(3):after,.process li:nth-child(4):after { background-image: url(/mobile/images/process_left.png); left: -1.65rem; width: 0.95rem; background-size: 0.95rem 1rem; right: auto; }
.process li:nth-child(1):after,.process li:nth-child(4):after,.process li:nth-child(7):after { background-image: url(/mobile/images/process_down.png); left: 4.8rem; width: 1rem; background-size: 1rem 0.9rem; right: auto; top: 9.5rem; }
.process li:last-child:after { display: none; }
/*news*/
.news { padding: 4.3rem 2.67% 5.7rem; }
.news h3 { width: 7.2rem; height: 2.85rem; background: #0a2894; background: linear-gradient(90deg,#0a2894,#2b48ad); font-size: 1.2rem; color: #fff; line-height: 2.85rem; text-align: center; position: absolute; left: 0; top: 0; z-index: 9; font-weight: bold; }
.news h3 a { color: #fff; }
.news dd span { display: block; font-size: 1rem; color: #D6D6D6; line-height: 100%; font-weight: bold; }
.news dd h4 { font-size: 1.5rem; line-height: 2.2rem; color: #333; max-height: 4.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: bold; }
.news dd p { font-size: 1rem; line-height: 1.9rem; color: #333; max-height: 3.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news .swiper-pagination { font-size: 0; z-index: 9; text-align: right; left: auto !important; }
.news .swiper-pagination-bullet { display: inline-block; width: 0.6rem; height: 0.6rem; background: #014099; opacity: 0.3; border-radius: 50%; cursor: pointer; transition: all 0.5s ease; margin-left: 0.4rem !important; }
.news .swiper-pagination-bullet-active { opacity: 1; }
.news_con { margin: 2.5rem 0; position: relative; overflow: hidden; }
.news_con dt { line-height: 0; overflow: hidden; }
.news_con dd { background: #f7f7fa; }
.news_con dd a { display: block; width: 100%; height: 100%; padding: 2.15rem 2rem 2.6rem; box-sizing: border-box; }
.news_con dd h4 { margin: 1.25rem 0 0.6rem; }
.news_con dd i { display: block; width: 2.95rem; height: 2.05rem; background: #ff8600 url(/mobile/images/more2.png) no-repeat center; background-size: 0.3rem 0.5rem; border-radius: 1rem; margin-top: 1rem; transition: all 0.5s ease; }
.news_con dd i:hover { width: 3.2rem; }
.news_con .swiper-pagination { top: 17.7rem; right: 2.45rem !important; height:1rem; }
.hot_con { position: relative; background: #ffffff; box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.07); overflow: hidden; margin-bottom: 2.5rem; }
.hot_con dl { overflow: hidden; }
.hot_con dt { width: 36.9%; line-height: 0; overflow: hidden; float: left; }
.hot_con dd { width: 56.33%; float: right; }
.hot_con dd a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 1.95rem 2.1rem 0 0; }
.hot_con dd h4 { margin: 0.9rem 0 1.2rem; }
.hot_con dd p { font-size: 1rem; line-height: 1.8rem; color: #666; max-height: 5.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.hot_con .swiper-pagination { top: 1.7rem; right: 2.2rem !important; height:1rem; }
.faq { background: #f7f7fa; position: relative; box-sizing: border-box; padding: 5.85rem 2.5rem 3.1rem; }
.faq h3 { top: 2rem; }
.faq h4 { padding-left: 2.45rem; background: url(/mobile/images/news_icon.png) no-repeat left center; background-size: 1.3rem 1.3rem; border-bottom: 1px solid #dcdcdc; font-size: 1rem; color: #555; line-height: 3rem; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s ease; }
.faq h4:hover { color: #333; }
.sm_banner2 { background: url(/mobile/images/sm_bg2.jpg) no-repeat center top; background-size: 100% 100%; height: 26.75rem; padding-top: 7.9rem; box-sizing: border-box; text-align: center; }
.sm_banner2 h2 strong { display: block; font-size: 2.4rem; color: #fff; line-height: 100%; letter-spacing: 0.1rem; }
.sm_banner2 h2 span { display: block; font-size: 1.5rem; color: #fff; line-height: 100%; font-weight: normal; letter-spacing: 0.95rem; margin: 0.75rem 0 0.7rem; }
.sm_banner2 h2 i { display: block; font-size: 1.5rem; color: #fff; line-height: 2.55rem; letter-spacing: 1px; background: url(/mobile/images/sm_bg3.png) no-repeat center; background-size: 18.5rem 2.55rem; font-weight: normal; }
.sm_banner2 .more { margin-top: 7rem; text-align: center; display: block; }
.sm_banner2 .more span { display: inline-block; font-size: 1rem; color: #fff; line-height: 100%; }
.sm_banner2 .more img { width: 0.9rem; margin-left: 1.25rem; display: inline-block; transition: all 0.5s ease; }
.sm_banner2 .more:hover img { margin-left: 1.4rem; }