﻿@charset "utf-8";
/* CSS Document */
#focus-banner {
  position: relative;
  width: 100%;
  height: 524px;
  overflow: hidden;
}
#focus-banner-list {
  position: relative;
}
#focus-banner-list li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
#focus-banner-list li img {
  width: 100%;
}
.focus-banner-img {
  display: block;
  width: 100%;
  height: 300px;
}
#focus-banner .focus-handle {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  z-index: 100;
  display: block;
  width: 80px;
  height: 80px;
  background-image: url("/cdn/img/focus_handle.png");
}
#next-img {
  left: 0;
}
#next-img {
  left: 50px;
  background-position: 0 0;
}
#next-img:hover {
  background-position: 0 -80px;
}
#prev-img {
  right: 0;
}
#prev-img {
  right: 50px;
  background-position: -80px 0;
}
#prev-img:hover {
  background-position: -80px -80px;
}
#focus-bubble {
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 999;
}
#focus-bubble li {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 1px #fff solid;
  cursor: pointer;
}
#focus-bubble li a {
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
}
#focus-bubble li.current {
  background-color: #fff;
}
.advantage_products {
  width: 1200px;
  height: auto;
  margin: auto;
}
.advantage_products .advantitle {
  width: 1200px;
  height: 180px;
  font-size: 36px;
  color: #333333;
  text-align: center;
  line-height: 180px;
}
.advantage_products .advan_list {
  width: 1200px;
  height: auto;
  overflow: hidden;
}
.advantage_products .advan_list li {
  width: 375px;
  height: 100px;
  padding-left: 25px;
  float: left;
  margin-bottom: 50px;
}
.advantage_products .advan_list li .advan_left {
  width: 100px;
  height: 100px;
  margin-right: 20px;
  float: left;
}
.advantage_products .advan_list li .advan_left img {
  width: 100px;
  height: 100px;
}
.advantage_products .advan_list li .advan_right {
  width: 245px;
  height: 100px;
  float: left;
}
.advantage_products .advan_list li .advan_right h1 {
  width: 245px;
  height: 30px;
  font-size: 18px;
  color: #000;
}
.advantage_products .advan_list li .advan_right p {
  width: 245px;
  height: 70;
  line-height: 23.3px;
  font-size: 14px;
  color: #666666;
}
.industry_application {
  width: 100%;
  height: 820px;
  background: #F8F9FB;
}
.industry_application .indus {
  width: 100%;
  height: 100px;
  font-size: 36px;
  color: #333333;
  text-align: center;
  line-height: 130px;
}
.industry_application .amallindus {
  width: 100%;
  height: 70px;
  font-size: 20px;
  color: #333333;
  text-align: center;
  line-height: 70px;
}
.industry_application .sms_guidance {
  width: 1200px;
  height: 650px;
  position: relative;
  margin: auto;
}
.industry_application .sms_guidance .iphonetu {
  width: 300px;
  height: 650px;
  background: url("/cdn/img/phoneBg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 450px;
  top: 0;
  z-index: 100;
}
.industry_application .sms_guidance .iphonetu .iphone_list {
  width: 236px;
  height: auto;
  margin: 78px auto 0 auto;
}
.industry_application .sms_guidance .iphonetu .iphone_list li {
  width: 236px;
  height: 440px;
}
.industry_application .sms_guidance .iphonetu .iphone_list li .corresptu {
  width: 236px;
  height: 192px;
}
.industry_application .sms_guidance .iphonetu .iphone_list li .corresptu img {
  width: 236px;
  height: 192px;
}
.industry_application .sms_guidance .iphonetu .iphone_list li .corrcount {
  height: 215px;
  overflow-y: scroll;
  padding: 10px 14px;
  margin: 6px;
  line-height: 20px;
  background: #e5e5ea;
  border-radius: 10px;
  font-size: 12px;
  color: #333333;
}
.industry_application .sms_guidance .iphonetu .iphone_list li .corrcount::-webkit-scrollbar {
  display: none;
}
.industry_application .sms_guidance .diamond_box {
  width: 1000px;
  height: 650px;
  padding: 0 100px;
  position: relative;
}
.industry_application .sms_guidance .diamond_box .lingxbox {
  width: 370px;
  height: 83px;
}
.industry_application .sms_guidance .diamond_box .lingxbox .lixingone {
  width: 73px;
  height: 83px;
  background: url("/cdn/img/sms-icon2.png");
  font-size: 14px;
  color: #333333;
  line-height: 83px;
  text-align: center;
  float: left;
}
.industry_application .sms_guidance .diamond_box .lingxbox .currened {
  width: 73px;
  height: 83px;
  background: url("/cdn/img/sms-icon3.png");
  font-size: 14px;
  color: #ffffff;
  line-height: 83px;
  text-align: center;
  float: left;
}
.industry_application .sms_guidance .diamond_box .lingxbox .blueling {
  width: 230px;
  height: 1px;
  background: #06C;
  float: left;
  margin-top: 41px;
}
.classic_case {
  width: 1200px;
  height: auto;
  margin: auto;
}
.classic_case .casebox {
  width: 1200px;
  height: 160px;
  font-size: 36px;
  color: #333333;
  text-align: center;
  line-height: 160px;
}
.classic_case .classiclist {
  width: 1200px;
  height: auto;
  overflow: hidden;
}
.classic_case .classiclist li {
  width: 109px;
  height: 100px;
  text-align: center;
  float: left;
}
.classic_case .classiclist li a {
  display: block;
  width: 109px;
  height: 109px;
  color: #333333;
}
.classic_case .classiclist li a img {
  width: 40px;
  height: 40px;
}
.classic_case .classiclist li a p {
  height: 60px;
  line-height: 40px;
  width: 109px;
  font-size: 14px;
}
.classic_case .classiclist li .currenfl {
  color: #2589ff;
}
.classic_case .fenlibigbox {
  width: 1200px;
  height: auto;
}
.classic_case .fenlibigbox .classitem {
  width: 1200px;
  height: auto;
  overflow: hidden;
}
.classic_case .fenlibigbox .classitem li {
  width: 275px;
  height: 388px;
  border: solid 1px #e3e2e5;
  float: left;
  margin-right: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.classic_case .fenlibigbox .classitem li img {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  margin: 40px 0;
  border: solid 1px #e3e2e5;
}
.classic_case .fenlibigbox .classitem li h1 {
  width: 275px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  color: #595961;
  text-align: center;
  font-weight: 600;
}
.classic_case .fenlibigbox .classitem li span {
  width: 24px;
  height: 4px;
  background: #595961;
  display: inline-block;
  margin-bottom: 15px;
}
.classic_case .fenlibigbox .classitem li p {
  width: 235px;
  line-height: 24px;
  font-size: 16px;
  color: #9797a1;
  padding: 0 20px;
}
.classic_case .fenlibigbox .classitem li h2 {
  width: 76px;
  height: 26px;
  color: #9797a1;
  border: solid 1px #e3e2e5;
  line-height: 26px;
  font-size: 14px;
  display: inline-block;
  margin-top: 20px;
}
.classic_case .fenlibigbox .classitem :nth-child(4n) {
  margin-right: 0;
}
.classic_case .fenlibigbox .classitem .currlan {
  border: solid 1px #2589ff;
}
.procducts {
  width: 100%;
  height: auto;
}
.procducts .proctitle {
  width: 1200px;
  height: 130px;
  line-height: 130px;
  font-size: 36px;
  color: #333333;
  text-align: center;
  margin: auto;
}
.procducts .hlinetu {
  width: 1200px;
  height: 14px;
  margin: auto;
}
.procducts .amlltile {
  width: 1200px;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  color: #333333;
  text-align: center;
  margin: auto;
}
.procducts .youshibox {
  width: 100%;
  height: 400px;
  background: url("/cdn/img/beijing.png");
}
.procducts .youshibox .proc_countent {
  width: 1200px;
  height: 400px;
  overflow: hidden;
  margin: auto;
}
.procducts .youshibox .proc_countent li {
  width: 240px;
  height: 400px;
  text-align: center;
  float: left;
  position: relative;
}
.procducts .youshibox .proc_countent li i {
  font-size: 56px;
  color: #ffffff;
  margin-top: 100px;
  display: inline-block;
}
.procducts .youshibox .proc_countent li h1 {
  width: 240px;
  height: 60px;
  line-height: 80px;
  color: #ffffff;
  font-size: 20px;
  font-family: "方正大黑简体";
}
.procducts .youshibox .proc_countent li p {
  width: 240px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-size: 16px;
  font-family: "方正大黑简体";
}
.procducts .youshibox .proc_countent li .currenbox {
  width: 180px;
  height: 400px;
  background: rgba(47, 101, 171, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  font-family: "方正大黑简体";
  color: #ffffff;
  padding: 0 30px;
  text-align: left;
}
.procducts .youshibox .proc_countent li .currenbox h2 {
  font-size: 14px;
  padding-top: 100px;
}
.procducts .youshibox .proc_countent li .currenbox h3 {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
.procducts .youshibox .proc_countent li .currenbox span {
  display: inline-block;
  width: 84px;
  height: 1px;
  background: #ffffff;
}
.procducts .youshibox .proc_countent li .currenbox h4 {
  width: 180px;
  line-height: 26px;
  font-size: 14px;
  margin-top: 20px;
}
.procducts .youshibox .proc_countent .tupione {
  background: url("/cdn/img/dan01.png");
}
.procducts .youshibox .proc_countent .tupitwo {
  background: url("/cdn/img/dan02.png");
}
.procducts .youshibox .proc_countent .tupithree {
  background: url("/cdn/img/dan03.png");
}
.procducts .youshibox .proc_countent .tupifour {
  background: url("/cdn/img/dan04.png");
}
.procducts .youshibox .proc_countent .tupifive {
  background: url("/cdn/img/dan05.png");
}
.application_field {
  width: 1200px;
  height: auto;
  margin: auto;
}
.application_field .fieldtitle {
  width: 1200px;
  height: 180px;
  line-height: 180px;
  font-size: 36px;
  color: #333333;
  text-align: center;
}
.application_field .applist {
  width: 1200px;
  height: auto;
  overflow: hidden;
}
.application_field .applist li {
  width: 200px;
  height: 250px;
  float: left;
  text-align: center;
}
.application_field .applist li img {
  width: 80px;
  height: 80px;
}
.application_field .applist li h1 {
  width: 120px;
  height: 30px;
  font-size: 18px;
  color: #333333;
  text-align: center;
  display: inline-block;
}
.application_field .applist li .alljieshi {
  width: 200px;
  height: auto;
}
.application_field .applist li .alljieshi p {
  width: 200px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #888;
  text-align: center;
}
.our_specialty {
  width: 100%;
  height: auto;
}
.our_specialty .speailtile {
  width: 100%;
  height: 80px;
  line-height: 100px;
  font-size: 30px;
  color: #2589ff;
  text-align: center;
}
.our_specialty .teseamall {
  width: 100%;
  height: 80px;
  line-height: 50px;
  font-size: 20px;
  color: #999999;
  text-align: center;
}
.our_specialty .technology {
  width: 100%;
  height: 400px;
  background: #F4F4F4;
}
.our_specialty .technology .jishuys {
  width: 1200px;
  height: 400px;
  margin: auto;
}
.our_specialty .technology .jishuys .tech_left {
  width: 550px;
  height: 400px;
  text-align: center;
  float: left;
}
.our_specialty .technology .jishuys .tech_left img {
  width: 310px;
  height: 298px;
  margin-top: 51px;
}
.our_specialty .technology .jishuys .tech_right {
  width: 650px;
  height: 300px;
  padding-top: 50px;
  float: right;
}
.our_specialty .technology .jishuys .tech_right h1 {
  width: 650px;
  height: 60px;
  line-height: 50px;
  font-size: 28px;
  color: #333333;
  padding-top: 20px;
}
.our_specialty .technology .jishuys .tech_right h2 {
  width: 650px;
  height: 40px;
  font-size: 23px;
  color: #333333;
}
.our_specialty .technology .jishuys .tech_right span {
  width: 90px;
  height: 2px;
  background: #0072E3;
  display: inline-block;
}
.our_specialty .technology .jishuys .tech_right p {
  width: 550px;
  line-height: 20px;
  font-size: 16px;
  color: #666666;
  margin: 30px 0;
}
.our_specialty .technology .jishuys .tech_right img {
  width: 270px;
  height: 61px;
}
.our_specialty .opened_sms {
  width: 1200px;
  height: 440px;
  margin: auto;
}
.our_specialty .opened_sms .sms_left {
  width: 360px;
  height: 340px;
  padding-left: 90px;
  padding-top: 100px;
  float: left;
}
.our_specialty .opened_sms .sms_left p {
  font-size: 16px;
  color: #999999;
}
.our_specialty .opened_sms .sms_left h1 {
  width: 360px;
  height: 50px;
  line-height: 50px;
  font-size: 26px;
  color: #333333;
}
.our_specialty .opened_sms .sms_left h3 {
  width: 360px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333333;
}
.our_specialty .opened_sms .sms_right {
  width: 740px;
  height: 420px;
  float: right;
  margin-top: 5px;
}
.our_specialty .opened_sms .sms_right img {
  width: 740px;
  height: 420px;
}
.our_specialty .page_flow {
  width: 100%;
  height: 410px;
  background: #F5F5F5;
}
.our_specialty .page_flow .flow_countent {
  width: 1200px;
  height: 410px;
  margin: auto;
  overflow: hidden;
}
.our_specialty .page_flow .flow_countent .flow_left {
  width: 700px;
  height: 350px;
  padding-top: 30px;
  float: left;
}
.our_specialty .page_flow .flow_countent .flow_left img {
  width: 690px;
  height: 350px;
}
.our_specialty .page_flow .flow_countent .flow_right {
  float: right;
  width: 450px;
  height: 290px;
  padding-top: 120px;
}
.our_specialty .page_flow .flow_countent .flow_right p {
  width: 450px;
  height: 30px;
  font-size: 16px;
  color: #999999;
}
.our_specialty .page_flow .flow_countent .flow_right h1 {
  width: 450px;
  height: 60px;
  font-size: 26px;
  color: #333333;
  line-height: 40px;
}
.our_specialty .page_flow .flow_countent .flow_right h2 {
  width: 450px;
  line-height: 30px;
  font-size: 16px;
  color: #666666;
}
