@charset "utf-8";
em,dt,li{line-height:0;}
/*banner*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner .swiper-pagination { bottom: 1.5rem!important; }
.banner .swiper-pagination-bullet { opacity: 1; width: 0.8rem; height: 0.8rem; background: #fff; border-radius: 50%; margin: 0 0.5rem !important; }
.banner .swiper-pagination-bullet-active { opacity: 1; background: #0066dd; }
/*title*/
h2.main_title{ display: block; text-align: center; line-height: 0; }
h2.main_title strong { display: block; font-size: 1.8rem; color: #1a1a1a; line-height: 100%; }
h2.main_title i { color: #0066dd; }
h2.main_title span { display: inline-block; font-size: 1.3rem; color: #0066dd; line-height: 100%; margin-top: 1.4rem; font-family: D-DIN; text-transform: uppercase; font-weight: 500; position: relative; }
h2.main_title span:before,h2.main_title span:after { position: absolute; content: ""; width: 2.65rem; height: 1px; background: #0066dd; top: 0.6rem; }
h2.main_title span:before { left: -3.5rem; }
h2.main_title span:after { right: -3.5rem; }
/*intro*/
.intro { background: url(/mobile/images/intro_bg.jpg) no-repeat center top; background-size: 100% 100%; padding: 5.6rem 3.33% 5.4rem; }
.intro h2 { font-size: 2.1rem; color: #1a1a1a; line-height: 2.85rem; margin-bottom: 3.25rem; }
.intro h2 strong,.intro h2 span { display: block; }
.intro h2 span { font-weight: bold; color: #0066dd; }
.intro li { background: #ffffff; box-shadow: 0px 0.15rem 1.75rem 0rem rgba(0,0,0,0.13); margin-bottom: 1.3rem; box-sizing: border-box; padding: 2.3rem 2rem 2.4rem 1.75rem; position: relative; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.intro li h3 { font-size: 1.6rem; color: #1a1a1a; line-height: 2.1rem; width: 6.6rem; font-weight: bold; margin-right: 3.85rem; flex-shrink: 0; }
.intro li p { font-size: 1.2rem; color: #666; line-height: 1.95rem; }
.intro li i { display: block; font-size: 4.5rem; color: #0066dd; line-height: 100%; font-style: italic; font-weight: bold; font-family: D-DIN-Bold; position: absolute; right: 2rem; top: 7.85rem; transition: all 0.5s ease; }
/*industry*/
.industry { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.industry li { width: 50%; box-sizing: border-box; border-right: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 0; overflow: hidden; position: relative; }
.industry li a{display: block;}
.industry li a:after { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; transition: all 0.5s ease; }
.industry li h3 { position: absolute; width: 100%; font-size: 1.8rem; color: #fff; line-height: 100%; left: 0; top: 8.85rem; text-align: center; z-index: 2; font-weight: bold; }
.industry li:last-child { background: #0066dd; }
.industry li:last-child a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding-top: 4.65rem; text-align: center; }
.industry li:last-child img { width: 3.8rem; margin: 0 auto; }
.industry li:last-child span { font-size: 1.2rem; color: #fff; line-height: 100%; display: block; margin: 1.75rem 0 0.8rem; }
.industry li:last-child strong { font-size: 2.1rem; color: #fff; line-height: 100%; display: block; font-family: D-DIN-Bold; }
.industry li:last-child a:after { display: none; }
.industry li:nth-child(2n) { border-right: none; }
.industry li:nth-child(5),.industry li:nth-child(6) { border-bottom: none; }
.industry li:hover a:after { background: rgba(0,102,221,0.7); }
/*product*/
.product { background: url(/mobile/images/intro_bg.jpg) no-repeat center bottom; background-size: 100% 100%; padding: 5.7rem 3.33% 6.4rem; }
.product h2 { position: relative; padding-bottom: 2.2rem; }
.product h2 strong { display: block; font-size: 2.1rem; color: #000; line-height: 2.75rem; }
.product h2 i { color: #0066dd; }
.product h2:after { position: absolute; content: ""; width: 2.9rem; height: 0.1rem; background: #0066dd; left: 0; bottom: 0; }
.product h3 { text-align: center; }
.product h3 strong,.product h3 span { display: block; font-size: 1.4rem; color: #666; line-height: 2.15rem; }
.product h3 span { font-weight: normal; }
.product .pic { margin: 3.55rem 0 1.25rem; background: #ffffff; box-shadow: 0rem 0.15rem 1.75rem 0rem rgba(0,0,0,0.13); line-height: 0; padding-bottom: 3.15rem; }
.more { display: block; width: 100%; height: 4.8rem; background: #0066dd; font-size: 1.2rem; color: #fff; line-height: 4.8rem; text-align: center; transition: all 0.5s ease; }
.more:hover { letter-spacing: 1px; color: #fff; }
/*product1*/
.product1 { padding: 5.5rem 3.33%; }
.product1 h2 { position: relative; padding-bottom: 2.2rem; }
.product1 h2 strong { display: block; font-size: 2.1rem; color: #000; line-height: 2.85rem; }
.product1 h2 i { color: #0066dd; }
.product1 h2:after { position: absolute; content: ""; width: 2.9rem; height: 0.1rem; background: #0066dd; left: 0; bottom: 0; }
.product1 ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: 2.85rem; }
.product1 li { width: 48.428%; margin-bottom: 1.2rem; background: #fff; box-sizing: border-box; border: 1px solid #dadada; }
.product1 li > a { display: block; line-height: 0; overflow: hidden; background: #ebebeb; }
.product1 li h4 a { display: block; font-size: 1.2rem; color: #1a1a1a; line-height: 3.3rem; padding: 0 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; transition: all 0.5s ease; text-align: center; box-sizing: border-box; }
.product1 li:last-child { background: #0066dd; border: none; }
.product1 li:last-child a { height: 100%; width: 100%; background: none; font-size: 1.5rem; color: #fff; line-height: 100%; font-weight: bold; display: flex; justify-content: center; align-items: center; }
/*feature*/
.feature { background: url(/mobile/images/feature_bg.jpg) no-repeat center; background-size: 100% 100%; }
.feature ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.feature li { width: 50%; height: 23.5rem; box-sizing: border-box; text-align: center; padding: 4.35rem 2.9rem 0; position: relative; transition: all 0.5s ease; }
.feature li img { width: 3.25rem; display: block; margin: 0 auto; }
.feature li h3 { font-size: 1.6rem; color: #fff; line-height: 100%; margin: 2.5rem 0 1.55rem; font-weight: bold; }
.feature li p { font-size: 1.1rem; color: #fff; line-height: 1.8rem; }
.feature li:nth-child(2),.feature li:nth-child(3),.feature li:nth-child(6) { background: rgba(0,102,221,0.8); }
.feature li:last-child { padding: 0; }
.feature li:last-child a { width: 100%; height: 100%; display: block; padding-top: 7.15rem; box-sizing: border-box; }
.feature li:last-child img { width: 3.85rem; }
.feature li:last-child span { display: block; font-size: 1.2rem; color: #fff; line-height: 100%; margin: 1.75rem 0 0.8rem; }
.feature li:last-child strong { display: block; font-size: 2.1rem; color: #fff; line-height: 100%; font-family: D-DIN-Bold; }
/*service*/
.service { padding: 5.6rem 3.33% 0; text-align: center; box-sizing: border-box; }
.service .service_con { position: relative; z-index: 2; margin-top: 3.4rem; }
.service dl { background: #ffffff; box-shadow: 0rem 0.15rem 1.75rem 0rem rgba(0,0,0,0.13); box-sizing: border-box; padding: 1.85rem 1.85rem 3.15rem 1.85rem; margin-bottom: 1.45rem; }
.service dt { line-height: 0; }
.service h3 { font-size: 1.8rem; color: #1a1a1a; line-height: 100%; margin: 2.8rem 0 0.8rem; font-weight: bold; }
.service p { font-size: 1.1rem; color: #000; line-height: 100%; }
/*sm_banner*/
.sm_banner { margin-top: -11rem; text-align: center; }
.sm_banner .sm_con { background: url(/mobile/images/sm_bg.jpg) no-repeat center top; background-size: 100% 100%; height: 25.1rem; padding-top: 13.45rem; box-sizing: border-box; }
.sm_banner h2 strong { display: block; font-size: 1.8rem; color: #fff; line-height: 100%; }
.sm_banner h2 span { display: block; font-size: 1.2rem; color: #fff; line-height: 100%; margin: 0.85rem 0 1.85rem; }
.sm_banner h2 i { display: block; font-size: 1.1rem; color: #0066dd; line-height: 2.05rem; width: 18.45rem; height: 2.05rem; background: #ffffff; font-weight: bold; margin: 0 auto; letter-spacing: 0.35rem; }
/*case*/
.case { padding: 5.95rem 3.33% 6.4rem; }
.case_con { overflow: hidden; margin-top: 3.3rem; background: #f5f5f7; position: relative; padding-bottom: 4.25rem; box-shadow: 0rem 0.15rem 1.75rem 0rem rgba(0,0,0,0.13); }
.case_con dt { line-height: 0; }
.case_con dd { background: #ffffff; box-sizing: border-box; padding: 1.6rem 2.15rem 2.1rem; }
.case_con dd h4 { font-size: 1.6rem; color: #1a1a1a; line-height: 2.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.case_con dd p { font-size: 1.1rem; line-height: 1.85rem; color: #666; max-height: 3.7rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 1rem 0 2.35rem; }
.case_con dd span { display: inline-block; font-size: 1.1rem; color: #0066dd; line-height: 100%; padding-bottom: 0.4rem; position: relative; font-weight: bold; transition: all 0.5s ease; }
.case_con dd span:before { position: absolute; content: ""; width: 100%; height: 0.1rem; background: #0066dd; left: 0; bottom: 0; }
.case_con dd span:hover { letter-spacing: 1px; }
.case_con .swiper-pagination { left: 2.15rem; width: auto; font-size: 1.8rem; color: #1a1a1a; line-height: 4.25rem; font-family: D-DIN-Bold; bottom: 0; }
.case_con .swiper-pagination .swiper-pagination-current { color: #0066dd; }
.case_switch { position: absolute; right: 1.3rem; bottom: 0; width: 8.6rem; z-index: 3; }
.case_switch div { width: 4.3rem; height: 4.25rem; background: #1a1a1a; float: left; cursor: pointer; }
.case_switch .case_prev { background: #333; }
/*tech*/
.tech { background: url(/mobile/images/tech_bg.jpg) no-repeat center top; background-size: 100% 100%; padding: 5.85rem 3.33% 5.65rem; }
.tech_con { margin-top: 3.8rem; }
.tech_con dl { background: #fff; margin-bottom: 1.5rem; }
.tech_con dt { line-height: 0; }
.tech_con dd { box-sizing: border-box; box-shadow: 0rem 0.15rem 1.75rem 0rem rgba(0,0,0,0.07); padding: 1.65rem 2.1rem 2.15rem; position: relative; }
.tech_con dd h3 { font-size: 1.5rem; color: #1a1a1a; line-height: 2rem; font-weight: bold; margin-bottom: 0.9rem; }
.tech_con dd p { font-size: 1.1rem; color: #666; line-height: 1.65rem; }
.tech_con dd .more { width: 10.85rem; height: 3rem; position: absolute; line-height: 3rem; right: 0; top: -3rem; z-index: 2; font-size: 0.9rem; }
/*about*/
.about { height: 50.2rem; background: url(/mobile/images/about_bg.jpg) no-repeat center top; background-size: 100% 100%; padding: 6.9rem 3.33% 0; box-sizing: border-box; }
.about h2 i { display: block; font-size: 3.25rem; color: #fff; line-height: 100%; font-weight: bold; margin-bottom: 1.95rem; }
.about h2 strong { display: block; font-size: 1.8rem; color: #fff; line-height: 2.4rem; }
.about .about_con { margin-top: 4.25rem; overflow: hidden; background: #fff; width: 27.2rem; height: 19.15rem; box-sizing: border-box; position: relative; padding: 2.5rem 2.3rem 0 2.05rem; }
.about li { background: #fff; }
.about li h4 { font-size: 1.6rem; color: #000; line-height: 2.15rem; font-weight: bold; }
.about li p { font-size: 1.1rem; color: #000; line-height: 1.65rem; margin-top: 2rem; }
.about .swiper-pagination { bottom: 2rem!important; left: 2.25rem!important; height: 0.45rem; width: auto!important;line-height:0; }
.about .swiper-pagination-bullet { opacity: 1; width: 3.9rem; height: 0.45rem; background: #c6c6c6; border-radius: 0; margin: 0 0.6rem 0 0 !important; }
.about .swiper-pagination-bullet-active { opacity: 1; background: #0066dd; }
.about .more { width: 15.7rem; height: 3rem; line-height: 3rem; }