.bigtitle {

  font-size: 28px;

  color: #333;

  font-weight: normal;

}



.mintitle {

  font-size: 16px;

  color: #242424;

}



.dswnav {

  width: 100%;

  background: #E4393C;

  height: 80px;

  line-height: 80px;

  background: rgba(32,46,128,0.4);

  font-size: 14px;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 999;

}



.dswnav .navsun {

  width: 1200px;

  margin: 0 auto;

  position: relative;

  z-index: 10;

}



.dswnav .navsun .logo {

  position: absolute;

  left: 0;

  top: 7px;

}



.dswnav #l {

  width: 150px;

  position: absolute;

  left: 280px;

  top: 0;

  z-index: 20;

}



.dswnav #l .lt {

  display:block;

  width:150px;

  height:80px;

  background-color: rgba(8,19,82,0.21);

  cursor: pointer;

}

.dswnav #l .lt span{

  font-size: 14px;

    color: #fff;

    margin-left: 26px;

}



.dswnav #l .lt a {

  color: #fff;

  padding-left: 20px;

}



.dswnav #l .lt b {

  display: block;

  width: 20px;

  height: 20px;

  position: absolute;

  right: 10px;

  top: 30px;

  background: url(images/solution//arrow.png) no-repeat 0 0;

}



.dswnav #l nav {

  display: none;

  width: 100%;

  height: auto;

  position: absolute;

  left: 0;

  top: 80px;

  background-color: rgba(32, 46, 128, 1);

  z-index:999;

}



.dswnav #l nav .item {

  width: 100%;

  height: 60px;

  line-height: 60px;

  border-bottom: 1px solid rgba(246, 246, 246, 0.2);

  float: left;

}



.dswnav #l nav .item h3 {

  width: 100%;

  text-indent: 10px;

  position: absolute;

  font-weight: normal;

}



.dswnav #l nav .item h3 a {

  display: block;

  color: #fff;

  text-decoration: none;

}



.dswnav #l nav .item h3 a:hover {

  background-color: #fff;

  color: #000;



}



.dswnav #l nav .item .list {

  display: none;

  width: 660px;

  height: 239px;

  padding: 10px;

  background: #fff;

  position: absolute;

  left: 150px;

  top: 0;

  z-index: 25;

  box-sizing: border-box;

}



.dswnav #l nav .item .list div{

 width:30px;

  height:30px;

  margin-left:35%;

}



.dswnav #l nav .on h3 {

  z-index: 40;

}



.dswnav #l nav .on h3 a {

  background: #fff;

  color: #000;

}



.dswnav #l.on .lt b {

  background: url(images/solution//arrow.png) no-repeat 0 -20px;

}



.dswnav #l.on nav {

  display: block;

  box-sizing: border-box;

}



.dswnav #l.on nav .on .list {

  display: block;

}



.dswnav .list dl {

  float: left;

  width: 100px;

  text-align: center;

  overflow: hidden;

}



.dswnav .list dl:hover {

  background: rgba(255, 255, 255, 1);

  box-shadow: 2px 3px 9px 0px rgba(134, 134, 134, 0.18);

  border-radius: 8px;

}



.dswnav .list dl dt {

  padding-top: 10px;

  height: 30px;

  font-size: 25px;

}

.dswnav .list dl dt img{

  width:30px;

  height:30px;

}

.dswnav .list dl dd {

  overflow: hidden;

  word-break: normal;

}



.dswnav #r {

  float: right;

}



.dswnav #r li {

  float: left;

}



.dswnav #r li img {

  vertical-align: middle;

}



.dswnav #r li a {

  display: block;

  color: #fff;

  height: 80px;

  line-height: 80px;

  padding: 0 20px;

  font-size: 14px;

}



.dswnav #r li a:hover {

  color: #fff;

  background: #47bdf4;

}



.dswnav #r li .active {

  color: #fff;

  background:rgba(8,19,82,0.5);

}



.clear {

  clear: both;

}



.leibie {

  background-color: #F2F2F2;

}



.leibie .wpx {

  z-index: 998;

  margin-top: -100px;

  position: relative;

}



.leibie dl {

  float: left;

  width: 25%;

  padding: 30px;

  box-sizing: border-box;

}



.leibie dl dt {

  height: 50px;

  line-height: 50px;

  font-size: 30px;

  color: #fff;

}



.leibie dl dt span {

  font-size: 30px;

  padding-right: 20px;

}



.leibie dl dd {

  height: 30px;

  line-height: 30px;

  font-size: 14px;

  color: #fff;

  padding-top: 20px;

}



.leibie dl dt img {

  vertical-align: middle;

}



.leibie dl p {

  padding-top: 30px;

}



.leibie dl p a {

  background-color: #fff;

  height: 36px;

  line-height: 36px;

  display: block;

  text-align: center;

}



.youshi {

  background-color: #F2F2F2;

  padding: 80px 0;

}



.youshi .mintitle {

  line-height: 70px;

}



.youshi .list {

  padding-top: 30px;

}



.youshi .list dl {

  float: left;

  width: 300px;

  height: 300px;

  text-align: center;

  padding: 30px 15px;

  box-sizing: border-box;

}



.youshi .list dl:hover {

  background: rgba(255, 255, 255, 1);

  box-shadow: 3px 4px 9px 0px rgba(134, 134, 134, 0.01);

  border-radius: 8px;

}



.youshi .list dl dt {

  font-size: 22px;

  font-weight: bold;

  color: #333;

  text-align: center;

  height: 60px;

  line-height: 60px;

}



.youshi .list dl dd {

  font-size: 16px;

  color: #666;

  text-align: left;

  line-height: 28px;

}



.fangan {

  background-color: #fff;

  padding: 80px 0;

}



.fangan .mintitle {

  line-height: 70px;

}



/*����*/

.imgmove {

  width: 1400px;

  margin: auto;

}



.imgmove #goleft {

  float: left;

  width: 50px;

  height: 50px;

  background: url('images/solution//pre.png') no-repeat;

  margin: 200px 5px 0px 0px;

  cursor: pointer;

}



.imgmove #goright {

  float: left;

  width: 50px;

  height: 50px;

  background: url('images/solution//next.png') no-repeat;

  margin: 200px 0px 0px 15px;

  cursor: pointer;

}



.movediv {

  float: left;

  width: 1200px;

  height: 650px;

  overflow: hidden;

  position: relative;

}



.movediv ul {

  position: absolute;

  left: 0;

  top: 0;

  list-style: none;

}



.movediv ul li {

  float: left;

  width: 400px;

}



.movediv dl {

  width: 100%;

  text-align: center;

  background: #FFF;

}



.movediv dl:hover {

  background: rgba(255, 255, 255, 1);

  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1);

}



.movediv dl img {

  max-width: 100%;

  height: 480px;

}



.movediv dl dt {

  text-align: center;

  font-size: 24px;

  color: #333;

  height: 70px;

  line-height: 70px;

}



.movediv dl dd {

  width: 100%;

  height: 120px;

  color: #666;

}



.news {

  background-color: #f5f5f5;

  margin-top:-7px;

  border-top:1px solid #D4D4D4;

}



.news .mintitle {

  line-height: 70px;

}



.news .list dl {

  float: left;

  background-color: #fff;

  margin-right: 30px;

}



.news .list dl:last-child {

  margin-right: 0;

}



.news .list dl dt {

  position: relative;

}



.news .list dl dt a {

  position: relative;

  display: block;

  width: 380px;

  height: 239px;

}



.news .list dl dt img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.news .list dl dt p {

  width: 100%;

  height: 40px;

  line-height: 40px;

  color: #fff;

  text-indent: 20px;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 99px;

  background: rgba(0, 0, 0, 0.5);

}



.news .list dl dd {

  height: 50px;

  line-height: 50px;

  padding-left: 10px;

}



.news .list dl dd a {

  font-size: 16px;

  font-weight: 400;

  color: rgba(77, 77, 77, 1);

  background: url(images/solution//yuan.png) no-repeat left center;

  padding-left: 20px;

}



.case {

  background-color: #fff;

  padding: 80px 0;

}



.case .mintitle {

  line-height: 70px;

}



.case .imglist li {

  float: left;

  padding-right: 36px;

  padding-top: 60px;

}



.why {

  border-top: 1px solid rgba(242, 242, 242, 1);

  padding-top: 50px;

  padding-bottom: 20px;

}



.why div {

  float: left;

  text-align: left;

  width: 25%;

  box-sizing: border-box;

}



.why div img {

  float: left;

  width: 65px;

  height: 65px;

}

.home-why1{

  float: left;

  width: 65px;

  height: 65px;

  background:url(images/solution//page-footer-nav.png);

  background-position:36px 0px;

  background-repeat: no-repeat;

}

.home-why2{

  float: left;

  width: 65px;

  height: 65px;

  background:url(images/solution//page-footer-nav.png);

  background-position:-270px 0px;

  background-repeat: no-repeat;

}

.home-why3{

  float: left;

  width: 65px;

  height: 65px;

  background:url(images/solution//page-footer-nav.png);

  background-position:-577px 0px;

  background-repeat: no-repeat;

}

.home-why4{

  float: left;

  width: 65px;

  height: 65px;

  background:url(images/solution//page-footer-nav.png);

  background-position:-892px 0px;

  background-repeat: no-repeat;

}



.why div dl {

  float: left;

  width: 211px;

  padding-left: 25px;

  padding-right: 5px;

  margin-right: 30px;

}



.why div dl:last-child {

  margin-right: 0;

}



.why div dl dt {

  font-size: 18px;

  height: 50px;

  line-height: 50px;

  color: #333;

  font-weight: bold;

}



.why div dl dd {

  color: #666;

  font-size:14px;

}



.links {

  background-color: #1D1D1D;

  color: #CDCDCD;

  padding-top: 20px;

  font-size: 13px;

  padding-bottom: 0px;

}



.links ul {

  border-top: 1px solid #B5B5B5;

  padding-top: 30px;

}



.links ul li {

  float: left;

  margin-right: 20px;

}



.links a {

  color: #ccc;

}
.links .pp{
  color: #b6b6b6;
  text-align: center;
  line-height: 1.5;
}



.position ul li {

  float: left;

  font-size: 14px;

  color: #555;

  height: 35px;

  line-height: 35px;

  padding-right: 5px;

}



.position ul li a {

  font-size: 14px;

  color: #555;

}



.position p {

  font-size: 20px;

  border-bottom: 1px solid rgba(197, 197, 197, 1);

  height: 50px;

  line-height: 50px;

  color: #535353;

}



.article h1 {

  text-align: center;

  height: 60px;

  line-height: 60px;

  color: #171719;

}



.article .content {

  font-size: 16px;

  color: #555;

  line-height: 28px;

}



.article .content p {

  padding-top: 20px;

}





.column .list {

  float: left;

  width: 100%;

  padding: 30px;

  box-sizing: border-box;

  border-bottom: 1px solid #e6e6e6;

}



.column .list:hover {

  background-color: #f0f0f0;

}



.column img {

  float: left;

}



.column dl {

  float: right;

  width: 860px;

}



.column dl dt {

  font-size: 20px;

  height: 38px;

  line-height: 38px;

}



.column dl dt a {

  color: #555;

}



.column dl dd {

  line-height: 25px;

  color: #666;

}



.column dl p.tag {

  color: #969696;

  padding-bottom: 10px;

}



.column dl p.tag a {

  padding-right: 10px;

  color: #1258AA;

}



.column dl p.more {

  padding-top: 10px;

}



.column dl p.more a {

  width: 100px;

  text-align: center;

  display: block;

  padding: 10px 0;

  border: 1px solid #ddd;

  font-size: 15px;

}



.column dl p.more a:hover {

  background-color: #1258AA;

  color: #fff;

}



.ad img {

  max-width: 100%;

  height: 550px;

  min-width: 1200px;

}

/*

@media screen and (min-width:1925px){

 .ad img {

   height:800px;

  }

}

*/

/**

 * ��������

 */

.about .title {

  font-size: 28px;

  font-weight: 400;

  color: rgba(51, 51, 51, 1);

  text-align: center;

  padding-top: 40px;

}



.about .aboutjj {

  padding-top: 70px;

}



.about .aboutjj .img {

  float: left;

  width: 600px;

  height: 460px;

  box-sizing: border-box;

}



.about .aboutjj .img img {

  width: 600px;

  height: 460px;

}



.about .aboutjj .fonts {

  float: left;

  width: 600px;

  height: 420px;

  padding: 0 20px;

  box-sizing: border-box;

  background-color: #fff;

}



.about .aboutjj .fonts h1 {

  color: #363636;

  height: 80px;

  line-height: 80px;

}



.about .aboutjj .fonts hr {

  width: 53px;

  height: 4px;

  background: rgba(54, 54, 54, 1);

  border-radius: 2px;

  border: 0;

  margin-bottom: 10px;

}



.about .aboutjj .fonts p {

  line-height: 23px;

  padding-bottom: 20px;

  text-align:justify;

  text-indent:2em;

}



.about .list {

  padding-top: 40px;

}



.about .list div {

  float: left;

  text-align: left;

  width: 50%;

  box-sizing: border-box;

  padding: 20px 0;

}



.about .list div img {

  float: left;

  width: 170px;

  height: 170px;

}



.about .list div dl {

  float: left;

  width: 350px;

  padding: 30px 45px 0 90px;

}



.about .list div dl dt {

  font-size: 20px;

  height: 50px;

  line-height: 50px;

  color: #333;

  font-weight: bold;

}



.about .list div dl dd {

  color: #666;

  font-size: 16px;

}



.about .imglist {

  padding-top: 70px;

}



.about .imglist li {

  float: left;

  padding-right: 36px;

  padding-bottom: 60px;

}



.about .imglist li img {

  border: 0px dashed #666;

}



#baiduditu {

  width: 100%;

  height: 470px;

}



/**

 * fixedleftmenu ��߹̶�����

 */

.fixedleftmenu {

  position: fixed;

  width: 180px;

  top: 200px;

  left: 50px;

  cursor: pointer;

  background-color: #fff;

  box-shadow: 0px 7px 32px 0px rgba(0, 0, 0, 0.09);

  border-radius: 8px;

}



.fixedleftmenu ul {

  padding: 20px 0;

}



.fixedleftmenu ul li {

  width: 100%;

  height: 45px;

  line-height: 45px;

  overflow: hidden;

}



.fixedleftmenu ul li a {

  display: block;

  overflow: hidden;

  font-size: 16px;

  color: #999;

  text-align: center;

  padding: 0 10px;

}



.fixedleftmenu ul li a:hover {

  background-color: #4CA1BF;

  color: #fff;

}



.fixedleftmenu ul li .active {

  background-color: #4CA1BF;

  color: #fff;

}



.zifei table thead tr td {

  background-color: #046eb8;

}



.zifei h1 {

  height: 70px;

  line-height: 70px;

}



.zifei .left {

  width: 1200px;

}



.zifei .right {

  width: 260px;

}



.zifei .right dl {

  border: solid 1px #ccc;

  padding: 20px;

  margin-bottom: 10px;

}



.zifei .right dl dt {

  color: #1258AA;

  height: 35px;

  line-height: 35px;

}



.zifei .right dl dd {

  height: auto;

  overflow: auto;

  line-height: 35px;

}



.zifei .right dl dd a {

  float: left;

  width: 50%;

  height: 35px;

  line-height: 35px;

  color: #333;

  padding-right: 15px;

  box-sizing: border-box;

  word-break: break-all;

  overflow: hidden;

}



footer {

  background-color: #1D1D1D;

  padding-top: 50px;

  font-size: 14px;

  padding-bottom: 30px;

}



footer .fl .logo {

  padding-bottom: 20px;

}



footer .fl ul li {

  color: #aaa;

  height: 35px;

  line-height: 35px;

}



footer .fl ul li img {

  vertical-align: middle;

  width: 20px;

}



footer .fl ul li span {

  margin-right: 5px;

}



footer .fl .erweima {

  height: 100px;

  line-height: 100px;

  color: #aaa;

}



footer .fl .erweima img {

  vertical-align: middle;

  margin-right: 15px;

}



footer .fc dl {

  float: left;

  padding-left: 60px;

}



footer .fc dl dt {

  padding-bottom: 30px;

}



footer .fc dl dt a,

footer .fr form p {

  font-size: 20px;

  font-weight: bold;

  color: rgba(255, 255, 255, 0.8);

}



footer .fc dl dd a {

  font-size: 14px;

  color: #ccc;

  height: 33px;

  line-height: 30px;

}

footer .fc dl dd a:hover{

 color:#fff !important;

}

footer .fr form p {

  padding-bottom: 30px;

}



footer .fr form div {

  width: 270px;

  height: 50px;

  line-height: 50px;

  background: rgba(51, 51, 51, 1);

  border-radius: 8px;

  margin-bottom: 20px;

}



footer .fr form div img {

  vertical-align: middle;

  padding-left: 15px;

}



footer .fr form div span {

  padding-left: 15px;

  color: rgba(255, 255, 255, 0.2);

}



footer .fr form div input {

  width: 210px;

  height: 50px;

  line-height: 50px;

  border: 0;

  background-color: rgba(51, 51, 51, 1);

 /* color: rgba(255, 255, 255, 0.2);*/

  color:#f5f5f5;

  font-size: 16px;

}



footer .fr form button {

  width: 100px;

  height: 50px;

  background:#046eb8;

  border-radius: 8px;

  border: 0;

  color: rgba(255, 255, 255, 1);

  font-size: 16px;

}

footer .fr form button:hover{

   background-color: #47bdf4; 

}

.copyright {

  height: 70px;

  line-height: 70px;

  background-color: #333;

  color: #666;

  text-align: center;

  font-size: 16px;

  font-weight: 400;

}



.copyright a {

  color: #666;

}



/* ��ҳlogo */

.dswnav .navsun .logo img {

  width: 219px;

  height: 63px;

}



/* ��ҳ��ҳ��ͷ�� ����һ���ֲ�ͼ */

.slide-main .slide-box .slide img {

  width: 100%;

  height: 600px;

  min-width: 1200px;



}



/* ��ҳ�����ǵ����ƣ���һ�� */

.youshi .wpx .list img {

  width: 25.5%;

  height: 28.5%;

}



/* ��ҳ���������ҵ������������·���ͼ */

.Industry .content .top img {

  width: 21%;

  height: 17%;

}



/* ��ҳ���������ҵ������������·���ͼ  �����ͣʱ���� */

.Industry .content .bottom img {

  width: 43%;

  height: 43%;

}



/* ��ҳ��Ѷ�����Ⱥ��ƽ̨�������� */

.case .wpx .imglist li>img {

  width: 100%;

  height: 100%;

}



/* ��ҳ��ҳ��ײ�logo */

.foot .logo img {

 /* width: 86%;*/

/*  height: 90%;*/

  width:219px;

  height:63px;

}



/* ��ҳ��ҳ��ײ���ά�� */

.foot .wpx .erweima img {

  width: 78px;

  height: 78%;

}



/* ��ҳ���ұ���������ά�� */

/* .chat_online .erweima .hd_qr{

  width: 100%;

  height: 75%;

} */









/* ���ż۸�ҳ�� */

/* ���ż۸�ҳ����� */

.price-title {

  text-align: left;

  text-indent: 10px;

  background-color: #046eb8;

  color: #fff;

  width: 1200px;

  height: 35px;

  margin: 0 auto;

  border-radius: 5px;

  margin-top: 15px;

  margin-bottom: 10px;

  line-height: 35px;

  min-width: 1200px;

  font-size:20px;

}



/* ����Ⱥ���Ƚϱ�� */

.price-compare {

  margin: 0 auto;

  min-width: 1200px;

  border-color: #046eb8;

  border-collapse: collapse;

  border: 3px solid #046eb8;

  margin-bottom: 20px;

}



.price-compare th {

  color: #046eb8;

  font-size: 18px;

  font-weight: 600;

  height: 40px;

  border-right: 3px solid #046eb8;

  text-align:center;

}



.price-compare td {

  text-align: center;

  vertical-align: middle;

  font-size: 16px;

  height: 40px;

  color: #333;

  border-right: 3px solid #1258aa;

}



/* �۸�˵�� */

.price-text {

  font-size: 16px;

  width: 1200px;

  margin: 0 auto;

  line-height: 35px;

  min-width: 1200px;

}



/* ƽ̨���� */

.introduction {

  width: 1200px;

  margin: 0 auto;

  min-width: 1200px;

}



.introduction img {

  width: 100%;

  height: 500px;

  /* min-width: 1200px; */

}



/* Ϊʲôѡ������ */

.horizontal-line {

  width: 70%;

  height: 1000px;

  margin: 0 auto;

  position: relative;

  /* border: 1px solid blue; */

  z-index: 1;

  min-width: 1200px;

}



.left-line {

  height: 2px;

  background-color: #1258aa;

  margin-top: 5px;

  width: 40%;

  float: left;

  margin-left: 4.2%;

}



.right-line {

  height: 2px;

  background-color: #1258aa;

  margin-top: 5px;

  width: 40%;

  float: right;

  margin-right: 4.2%;

}



.top-map {

  width: 100%;

  height: 200px;

  margin-top: 20px;

}



.bottom-map {

  width: 100%;

  height: 400px;

  margin-top: 400px;

}



.upper-story {

  width: 91%;

  height: 700px;

  /* border: 1px solid red; */

  position: absolute;

  top: 50px;

  left: 4.5%;

  background-color: #fff;

}



.upper-top {

  width: 100%;

  display: flex;

  justify-content: space-around;

  margin-top: 20px;

}



.upper-top-list {

  width: 20%;

  height: 230px;

}



.upper-top-list img {

  width: 100%;

  height: 230px;

}



.upper-middle {

  width: 100%;

  display: flex;

  justify-content: space-around;

  margin-top: 50px;

}



.upper-middle-list {

  width: 20%;

  height: 230px;

  text-align: center;

}



.upper-middle-title {

  margin-top: 20px;

  margin-bottom: 20px;

  font-size: 16px;

}



.upper-down {

  width: 91%;

  display: flex;

  justify-content: space-around;

  margin-top: 50px;

  position: absolute;

  top: 530px;

  left: 4.5%;



}



.upper-down-list {

  width: 20%;

  height: 340px;

  text-align: center;

}



.upper-down-list img {

  width: 100%;

  height: 340px;

}







.upper-none-list {

  width: 20%;

  height: 340px;

  text-align: center;

  position: absolute;

  top: 100%;

  background-color: #000;

  opacity: 0;

  /* visibility: hidden; */

  transition: all 0.3s linear;

}



.upper-list-a {

  color: #fff;

  display: block;

  font-size: 18px;

  margin-top: 15px;

}



.list-showa:hover .list-nonea {

  top: 0;

  opacity: 0.5;

  /* visibility: visible; */

}



.list-showb:hover .list-noneb {

  top: 0;

  opacity: 0.5;

}



.list-showc:hover .list-nonec {

  top: 0;

  opacity: 0.5;

}



.list-showd:hover .list-noned {

  top: 0;

  opacity: 0.5;

}





/* ����֧��ҳ�� */

.technology {

  width: 100%;

  height: 1100px;

  background: url(images/solution//beijing.png);

  background-size:100% 100%;

  min-width: 1200px;

  box-sizing: border-box !important;

  overflow:hidden;

}



.technology-content {

  width: 1100px;

  height: 720px;

  /* border: 2px solid green; */

  margin: 0 auto;

  position: relative;

  margin-top: 6%;

}



.technology-list {

  width: 300px;

  height: 300px;

  background-color: #fff;

  text-align: center;

 

}

.technology-list:hover{

     box-shadow: #b4b5ec 0px 0px 10px 5px;

}



.technology-list a {

  display: block;

  width: 100%;

  height: 100%;

}



.technology-list a:hover {

  color: #333;

}



.technology-list img {

  width: 25%;

  height: 23%;

  margin-top: 10%;

}



.technology-list h3 {

  width: 25%;

  font-weight: normal;

  margin-top: 5%;

  margin-left: 37.5%;

  padding-bottom: 5%;

  border-bottom: 2px solid #2779d8;

  font-size:18px;

}



.technology-list p {

  width: 80%;

  margin-left: 10%;

  margin-top: 5%;

  line-height: 30px;

}



.technology-leftbottom {

  margin-top: 10%;

}



/* �м� */

.technology-middle {

  position: absolute;

  left: 31%;

  top: 20%;

}



.technology-middle img {

  width: 100%;

  height: 100%;

}



/* ���� */

.technology-righttop {

  position: absolute;

  right: 0;

  top: 0;

}



/* ���� */

.technology-rightbottom {

  position: absolute;

  right: 0;

  bottom: 0;

}



/* ����֧���µ�   ����ָ��ҳ�� */

.guide-nav {

  width: 100%;

  box-sizing: border-box;

  min-width: 1200px;

  margin-top: 50px;

}



.guide-navbox {

  width: 100%;

  height: 75px;

  border-bottom: 1px #cccccc solid;

}



.guide-nav-content {

  width: 57%;

  height: 80px;

  margin: 0 auto;

  /* border: 1px solid red; */

}



.guide-nav-content ul {

  width: 100%;

  height: 70px;

  display: flex;

  justify-content: space-around;

}



.guide-nav-content ul li {

  width: 15%;

  height: 70px;

}



.guide-nav-content ul li a {

  width: 95%;

  height: 40px;

  display: block;

  font-size: 20px;

  border: 2px solid #046eb8;

  color: #046eb8;

  text-align: center;

  line-height: 37px;

  border-radius: 10px;

  font-weight: 500;

}



.navhover {

  background-color: #046eb8;

  color: #fff !important;

}



/* ����ָ��   ʹ������ */

.usage-flow {

  width: 1200px;

  margin: 20px auto;

}



.usage-flow p {

  font-size: 20px;

  color: #000;

  width: 80%;



}



/* ʹ��������ϸ���� */

.usage-flow-content {

  width: 1200px;

  border-top: 1px solid #cccccc;

  margin: 0 auto;

  padding-top: 30px;

}



.usage-flow-content1 {

  vertical-align: middle;

  position: relative;

  height: 100px;

}



.usage-flow-content-span1 {

    display: inline-block;

    border: 1px solid #046eb8;

    width: 14%;

    text-align: center;

    line-height: 40px;

    height: 40px;

    position: absolute;

    left: 10%;

    top: 15px;

    color: #046eb8 !important;

    font-size: 16px;

    border-radius:8px;

}

.usage-flow-content-span1:hover{

   background-color:#046eb8;

   color:#fff !important;

} 

.usage-flow-content-span2 {

  position: absolute;

  left: 25%;

  top: 12px;

  color: #333;

  font-size: 16px;

  line-height: 30px;

}



.usage-flow-content-Layout1 {

  width: 240px;

  position: absolute;

  right: 0;

  top: -10px;

}



.usage-flow-content2 {

  position: relative;

  height: 90px;

}



.usage-flow-content-Layout2 {

  /* width: 50%; */

  position: absolute;

  left: 40%;

  top: 80px;

}



.usage-flow-content3 {

  position: relative;

  height: 370px;

}



.usage-flow-content-div {

  width: 70%;

  height: 450px;

  position: absolute;

  left: 25%;

  top: 50px;

  /* border: 1px solid #2779d8; */

}



.usage-flow-content-div li {

  margin-top: 10px;

}



.usage-flow-content-div span {

  display: inline-block;

  width: 90%;

  /* height: 50px; */

  border: 1px solid #046eb8;

  /* line-height: 50px; */

  color: #666;

  border-radius: 10px;

  padding: 15px 10px 10px 15px;

  line-height: 30px;

}



.usage-flow-content-div-span1 {

  position: absolute;

  left: 10%;

  top: 10px;

}



.usage-flow-content-div-span2 {

  position: absolute;

  left: 10%;

  top: 80px;

}



.usage-flow-content-div-span3 {

  position: absolute;

  left: 10%;

  top: 180px;

}



.usage-flow-content4 {

  position: relative;

  height: 100px;

}



/* ����֧����ҳ��    ���Žӿ�    ������֤��API */

.verification-content {

  width: 1200px;

  /* border: 1px solid green; */

  /* height: 1400px;*/

  margin: 0 auto 20px;

  border-top: 2px solid #D4D4D4;

  position:relative;

}



/* �ұߵ��� */

.verification-nav {

  width: 15%;

  /*height: 400px;*/

  float: left;

  /*box-shadow: 0px 0px 15px 5px #b5b7ec;*/

  background-color:#fff;

  margin-top: 20px;

}



.verification-nav ul {

  width: 76%;

  margin: 0 auto;

}



.verification-nav ul li {

 width: 100%;

  border: 1px solid #046eb8;

  margin-left: -10px;

  margin-top: 10px;

  border-radius:5px;

}

.verification-nav ul li:hover{

   background-color:#046eb8;

  

}

.verification-nav ul li:hover a{

 color:#fff !important;

}



.verification-nav ul li a {

  display: block;

  width: 100%;

  height: 50px;

  color: #046eb8;

  font-size: 18px;

  text-align: center;

  line-height: 50px;

  font-weight: 500;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  padding:0 10px;

  border-radius: 5px;

}



.activeleftnav {

  color: #fff!important;

   background-color:#046eb8;

}



/* �ұ߾������� */

.verification-content-middle {

  width: 83%;

  /* border: 1px solid yellow; */

  margin-left: 2%;

  margin-top: 20px;

  margin-bottom:20px;

  border: 2px solid #046eb8;

  float: left;

}



.verification-content-text {

  width: 90%;

  /* border: 1px solid yellow; */

  padding: 10px 30px 40px;



}



.verification-content-middle h1 {

  text-align: center;

  color: #046eb8;

  margin: 20px 0;

  border-bottom: 2px solid #046eb8;

  padding: 0;

  line-height: 60px;

}



.bangzhu1 {

  width: 70%;

  height: 390px;

  margin-left: 10%;

  margin-top: 30px;

  margin-bottom: 20px;

}



.verification-content-text h2 {

  color: #046eb8;

  font-size: 26px;

  text-align: center;

  margin-bottom: 40px;

}



.verification-content-text p {

  font-size: 16px;

  color: #555555;

  margin-bottom: 20px;

  overflow:hidden;

}



.verification-content-text h5 {

  font-size: 16px;

  margin-bottom: 20px;

}



.verification-content-text h6 {

  font-size: 16px;

  margin-bottom: 20px;

}



.verification-content-text table {

  width: 100%;

  border: 1px solid #2c2c2c;

  border-collapse: collapse;

  text-align: center;

  font-size: 18px;

  margin-bottom: 20px;

}



.verification-content-text table th {

  height: 50px;

  border: 1px solid #2c2c2c;

  text-align:center;

}



.verification-content-text table td {

  height: 50px;

  border: 1px solid #2c2c2c;

}



.verification-content-right {

  width: 18%;

  height: 550px;

  border: 2px solid #c3cbfc;

  float: left;

  margin-top: 20px;

  margin-left: 2%;

  background:url(images/solution//template-right-bottom.png);

    background-size:100% 100%;

}



.verification-content-right h2 {

  text-align: center;

  font-size: 20px;

  font-weight: normal;

  line-height: 80px;

  border-bottom: 2px solid #c3cbfc;

  color: #9498b9;

  /*margin-top:50px;*/

}



.verification-content-right h2 span {

  display: inline-block;

  width: 14px;

  height: 19px;

  background: url(images/solution//jieshuzhichi-title-icon.png) no-repeat;

  background-size: 14px 19px;

  margin-right: 15px;

}



.verification-content-right ul {

  width: 80%;

  margin: 10px auto;

  /* border: 1px solid yellow; */

}



.verification-content-right-list {

  width: 100%;

  height: 40px;

  line-height: 40px;

}



.verification-content-right-list a {

  display: block;

  width: 100%;

  height: 40px;

}



.verification-content-right-list p {

  font-size: 18px;

  color: #666666;

  text-align: center;

}

.verification-content-right-list p:hover{

   color:#337AB7;

}



.verification-content-right-list p span {

  display: inline-block;

  width: 18px;

  height: 18px;

  margin-right: 5%;

 /* background: url(images/solution//page-product-icon.png) no-repeat;

  background-size: 18px 18px;*/

  

}

.bangzhu-right-top-nav1{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px 0px;

}

.bangzhu-right-top-nav2{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -37px;

}

.bangzhu-right-top-nav3{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -74px;

}

.bangzhu-right-top-nav4{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -111px;

}

.bangzhu-right-top-nav5{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -148px;

}

.bangzhu-right-top-nav6{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -185px;

}

.bangzhu-right-top-nav7{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -222px;

}

.bangzhu-right-top-nav8{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -259px;

}

.bangzhu-right-top-nav9{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -297px;

}

.bangzhu-right-top-nav10{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -334px;

}

.bangzhu-right-top-nav11{

 background: url(images/solution//bangzhu-tight-nav.png) no-repeat;

 background-position: 0px -371px;

}





.verification-content-right-bottom {

  width: 18%;

/*  height: 300px;*/

  border: 2px solid #c3cbfc;

  float: left;

  margin-top: 20px;

  margin-left: 2%;

}



.verification-content-right-bottom h2 {

  text-align: center;

  font-size: 20px;

  font-weight: normal;

  line-height: 80px;

  border-bottom: 2px solid #c3cbfc;

  color: #9498b9;

}



.verification-content-right-bottom h2 span {

  display: inline-block;

  width: 14px;

  height: 19px;

  background: url(images/solution//jishuzhichi-title-icon1.png) no-repeat;

  background-size: 14px 19px;

  margin-right: 15px;

}



.verification-content-right-bottom ul {

  width: 80%;

  margin: 10px auto;

  /* border: 1px solid yellow; */

}



.verification-content-right-bottom-list {

  width: 100%;

  height: 40px;

  line-height: 40px;

}



.verification-content-right-bottom-list a {

  display: block;

  width: 100%;

  height: 40px;

}



.verification-content-right-bottom-list p {

  font-size: 18px;

  color: #666666;

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.verification-content-right-bottom-list p:hover{

  color: #337AB7;

}



.verification-content-right-bottom-list p span {

  display: inline-block;

  width: 18px;

  height: 18px;

  margin-right: 5%;

  background: url(images/solution//jishuzhichi-right-icon.png) no-repeat;

  background-size: 18px 18px;

  background-position: center;

}



/* ����ģ�� */

.hangye-nav {

  width: 22%;

  /*height: 650px;*/

  /* float: left; */

  /*box-shadow: 0px 0px 15px 5px #b5b7ec;*/

  margin-top: 20px;

  margin-left:1%;

}



.template-content {

  width: 65%;

  /* height: 2000px; */

  margin-left: 2%;

 /* margin-top: 20px;*/

  float: left;

}

/*

.template-content-ul {

  width: 100%;

  height: 1150px; 

  display: flex;

  display: -webkit-flex;

  justify-content: space-between;

  flex-direction: row;

  flex-wrap: wrap;

  overflow:hidden;

  

}



.template-content-list {

  width: 31%;

  height: 360px;

  border: 2px solid #f5f5f5;

  box-shadow: #b4b5ec 0px 0px 5px 5px;

  border-bottom-right-radius: 60px;

  overflow: hidden;

  padding: 20px 0;

  margin: 20px 0 0 18px;

}



.template-content-list a {

  display: block;

  width: 100%;

  height: 300px;

}



.template-content-list a h2 {

  font-weight: 600;

  color: #202e80;

  text-align: center;

  font-size:18px;

  overflow:hidden;

  text-overflow:ellipsis;

  white-space:nowrap;

  width:90%;

    margin:0 auto;

}



.template-content-list a img {

  width: 80%;

  height: 160px;

  margin: 10px 10%;

}



.template-content-list a p {

  font-size: 16px;

  line-height: 30px;

  padding: 0 10%;

  color: #666666;

  -webkit-line-clamp: 3;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

}



.template-content-list a:hover {

  color: #666666;

}*/

.template-content-ul {

  width: 100%;

  /* height: 300px; */

  /*height: 1310px; */

  display: flex;

  display: -webkit-flex;

  justify-content: space-between;

  flex-direction: row;

  flex-wrap: wrap;

  margin-top:20px;

}



.template-content-list {

  width: 47%;

  height:315px;

  border: 2px solid #f5f5f5;

  box-shadow: #b4b5ec 0px 0px 10px 5px;

  /* border-bottom-right-radius: 60px; */

  overflow: hidden;

  padding: 10px 0 20px;

  margin: 0 0 30px 0;

  border-radius: 8px;

}



.template-content-list a {

  display: block;

  width: 100%;

  height: 280px;

  color: #333;

}

.template-content-map{

  width: 90%;

  height: 160px;

  display: block;

  margin: 0 auto;

}



.template-content-title{

  font-size: 16px;

  text-align: left;

  width: 90%;

  line-height: 18px;

  margin: 10px auto 0;

}

.template-content-title p:first-child{

  display: block;

  width: 73%;

  overflow: hidden;

  text-overflow:ellipsis;

  white-space: nowrap;

  float: left;

}

.template-content-title p:nth-child(2){

  display: block;

  width: 26%;

  margin-left: 1%;

  float: left;

}

.template-content-text{

  width: 90%;

  height: 76px;

  margin: 10px auto 0;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.template-content-list a:hover{

  color: #2769b8 !important;

}

.template-content-right{

  width: 15%;

  height: 400px;

  border: 2px solid #c3cbfc;

  float: left;

  margin-left: 2%;

  margin-top: 20px;

  box-shadow: 0px 0px 15px 5px #b5b7ec;

  background:url(images/solution//template-right-top.png) no-repeat center center;

    background-size:100% 100%;

}

.template-content-right h2{

  text-align: center;

  font-size: 20px;

  font-weight: normal;

  line-height: 70px;

  border-bottom: 2px solid #c3cbfc;

  color: #9498b9;



}

.template-content-right h2 span{

  display: inline-block;

  width: 14px;

  height: 19px;

  background: url(images/solution//jishuzhichi-title-icon1.png) no-repeat;

  background-size: 14px 19px;

  margin-right: 10px;

}

template-content-right ul{

  width: 80%;

  margin: 0 auto;

  border: 1px solid blue;

}



.template-content-right-list {

  width: 100%;

  height: 40px;

  line-height: 40px;

}



.template-content-right-list a {

  display: block;

  width: 100%;

  height: 40px;

}



.template-content-right-list p {

  font-size: 18px;

  color: #666666;

  text-align: center;

}

.template-content-right-list p:hover{

    color:#337AB7;

}



.template-content-right-list p span {

  display: inline-block;

  width: 26px;

  height: 26px;

  margin-right: 5%;

  margin-top:5px;

}

.template-right-nav1{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px 0px;

}

.template-right-nav2{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -38px;

}

.template-right-nav3{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -75px;

}

.template-right-nav4{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -112px;

}

.template-right-nav5{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -149px;

}

.template-right-nav6{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -186px;

}

.template-right-nav7{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -223px;

}

.template-right-nav8{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -260px;

}

.template-right-nav9{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -298px;

}

.template-right-nav10{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -335px;

}

.template-right-nav11{

  background: url(images/solution//jishu-right-nav.png) no-repeat;

  background-position: 0px -372px;

}



.template-content-right-bottom{

  height: 540px;

    position: absolute;

   left:82%;

top:430px;

   background:url(images/solution//template-right-bottom.png) no-repeat;

      background-size:100% 100%;

}

.template-content-right-bottom h2 span{

  display: inline-block;

  width: 14px;

  height: 19px;

  background: url(images/solution//jieshuzhichi-title-icon.png) no-repeat;

  background-size: 14px 19px;

  margin-right: 10px;

}







/* �ײ����������¼� */

.hualun{

  background-color: #172a88 !important;

}

.hualun1{

  background-color: rgba(8,19,82,0.21) !important;

}

.hualun2{

  background-color:rgba(32,46,128,1);

}













/* ������֤��ҳ�� */

.duanxin-yanzheng {

  width: 100%;

  /* border: 1px solid red; */

}



.content-header {

  width: 1200px;

  margin: 0 auto;

}



.content-header-hangye {

  width: 100%;

  text-align: center;

}



.content-header-hangye h2 {

  margin-top: 20px;

  font-weight: 500;

  font-size: 30px;

  color: #046eb8;

}



.content-header-hangye ul {

  width: 100%;

  height: 250px;

  display: flex;

  justify-content: space-around;

}



.content-header-hangye ul li {

  width: 19%;

  height: 250px;

}



.content-header-hangye ul li img {

  width: 35%;

  height: 70px;

  margin-top: 30px;

}



.content-header-hangye ul li h6 {

  font-size: 20px;

  color: #000;

  font-weight: 500;

  margin-top: 20px;

}



.content-header-hangye ul li p {

  /* margin-top: 5px; */

  font-size: 16px;

  color: #666666;

}





.toubu {

  width: 100%;



  margin: 20px 0 50px;

  text-align: center;

}



.toubu-map {

  margin: 0 auto;

  width: 37%;

}









/* ������֤��   ���ǵ����� */

.our-strengths-content {

  width: 100%;

 

 /* background: url(../../images/solution/s/our-strengths.png) no-repeat;

  background-size: 100% 1003px;*/



  overflow: hidden;

}



.strengths-content {

  width: 1200px;

  margin: 40px auto 0;

}







.strengths-content h2 {

  text-align: center;

  margin-top: 20px;

  font-weight: 500;

  font-size: 28px;

  color: #046eb8;

}



.strengths-content-text {

  width: 1200px;



  margin: 0 auto;



}



.strengths-content-text ul {

  width: 100%;

  height: 750px;

  display: flex;

  display: -webkit-flex;

  justify-content: space-around;

  flex-direction: row;

  flex-wrap: wrap;

  overflow: hidden;

}



.strengths-content-text ul li {

  width: 26%;

  height: 300px;

  background-color: #fff;

  text-align: center;

  margin-top: 30px;

  border:1px solid #d9d9d9;

  

}

.strengths-content-text ul li:hover{

  box-shadow: #046eb8 0px 0px 10px 5px;

}

.strengths-content-text ul li img {

  width: 25%;

  height: 26%;

  margin-top: 35px;

}



.strengths-content-text ul li h6 {

  color: #000000;

  font-size: 20px;

  font-weight: 500;

  margin: 10px 0 20px 0;

}



.strengths-content-text ul li p {

  color: #666666;

  font-size: 16px;

  padding: 0 7% 0 7%;

}



/* ������֤��   ���ܺ��ص� */

.yuyin-characteristic{

  width: 100%;

  /* height: 850px; */

  /* border: 1px solid green; */

  background-color: #f5f5f5;

  overflow: hidden;

}

.yanzheng-characteristic {

  width: 100%;

  margin: 0 auto 0;

  text-align: center;

  background-color: #f5f5f5;

  overflow: hidden;

  padding-bottom:20px;	 

}

.caixin-characteristic{

  padding-bottom:35px;

}

.guoji-duanxin{

  width:1200px;

  margin:0 auto;

}





.yanzheng-characteristic h2 {

  text-align: center;

  margin-top: 40px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 28px;

  color: #046eb8;

}



.yanzheng-characteristic-content {

  width: 1200px;

  height: 640px;

  margin: 0 auto;

  background-image: url(images/solution//yuyin-yanzheng-beijing.png) ;

  background-repeat: no-repeat;

  background-size: 100% 100%;

}

.yanzheng-characteristic-left {

  width: 30%;

  height: 600px;

  float: left;

  margin-left: 19%;

  margin-top:20px;

}

.yanzheng-characteristic-left  ul{

 width: 100%;

 height: 600px;

 text-align: right;

 position: relative;

 margin-top:10px;

}

.yanzheng-characteristic-left  ul li{

  width: 75%;

  height: 150px;

}

.yanzheng-characteristic-left  ul li img{

  width: 191px;

  height: 48px;

}

.yanzheng-characteristic-left  ul li h2{

  color: #333333;

  font-size: 20px;

  text-align: right;

  margin: 0;

  width: 80%;

  margin-left: 20%;

}

.yanzheng-characteristic-left  ul li p{

  color: #666666;

  text-align: right;

  width: 80%;

  margin-left: 20%;

  line-height: 18px;

}

.yanzheng-characteristic-list1{

  margin-left: 25%;

}

.yanzheng-characteristic-list2{

  margin-left: 20%;

}

.yanzheng-characteristic-list3{

  margin-left: 15%;

}

.yanzheng-characteristic-list4{

  margin-left: 10%;

}

/* �� */

.yanzheng-characteristic-right {

  width: 30%;

  height: 600px;

  float: left;

  margin-top:20px;

}

.yanzheng-characteristic-right ul{

 width: 100%;

 height: 600px;

 text-align: left;

 position: relative;

 margin-top:10px;

}

.yanzheng-characteristic-right ul li{

  width: 75%;

  height: 150px;

}

.yanzheng-characteristic-right ul li img{

  width: 191px;

  height: 48px;

}

.yanzheng-characteristic-right ul li h2{

  color: #333333;

  font-size: 20px;

  text-align: left;

  margin: 0;

  width: 80%;

}

.yanzheng-characteristic-right ul li p{

  color: #666666;

  text-align: left;

  line-height: 18px;

  width: 80%;

}



.yanzheng-characteristic-list5{

  margin-left: 25%;

}

.yanzheng-characteristic-list6{

  margin-left: 18%;

}

.yanzheng-characteristic-list7{

  margin-left: 10%;

}

.yanzheng-characteristic-list8{

  margin-left: 5%;

}











/* ���ʶ���   �����ص� */

.guoji-characteristic-content {

  width: 1200px;

  height: 670px;

  background-image: url(images/solution//guoji-duanxin-beijing.png) ;

  background-repeat: no-repeat;

  background-size: 100% 100%;

}

.guoji-characteristic-left{

  width: 42%;

  height: 600px;

  background: url(images/solution//guoji-characteristic.png) no-repeat;

  background-size: 100% 500px;

  background-position-y: 50px;

  float: left;



}

.guoji-characteristic-right{

  width: 55%;

  height: 580px;

  float: right;

  position: relative;

}

/* �� */

.guoji-characteristic-content-left{

  width: 50%;

  height: 580px;

  float: left;

  position: relative;

}

.guoji-characteristic-content-left div{

  width: 80%;

  height: 130px;

}

.guoji-characteristic-content-left div img{

  width: 190px;

  height: 49px;

}

.guoji-characteristic-content-left div h3{

  width: 85%;

  text-align: left;

  color: #333;

  font-size: 18px;

  /* padding-right: 5%; */

  margin-left: 15%;

}

.guoji-characteristic-content-left div p{

  width: 91%;

  text-align: left;

  color: #666;

  font-size: 14px;

  line-height: 18px;

  margin-left: 15%;

}

.guoji-characteristic-list1{

  position: absolute;

  right: 0;

  top: 0;

}

.guoji-characteristic-list2{

  position: absolute;

  right: 5%;

  top: 150px;

}

.guoji-characteristic-list3{

  position: absolute;

  right: 10%;

  top: 300px;

}

.guoji-characteristic-list4{

  position: absolute;

  right: 15%;

  top: 450px;

}

/* �ұ� */

.guoji-characteristic-content-right{

  width: 50%;

  height: 580px;

  float: left;

  position: relative;

}

.guoji-characteristic-content-right div{

  width: 80%;

  height: 130px;

}

.guoji-characteristic-content-right div img{

  width: 190px;

  height: 49px;

}

.guoji-characteristic-content-right div h3{

  width: 85%;

  text-align: right;

  color: #333;

  font-size: 18px;

  /* padding-right: 5%; */

  margin-right: 15%;

}

.guoji-characteristic-content-right div p{

  width: 85%;

  text-align: right;

  color: #666;

  font-size: 14px;

  line-height: 18px;

  margin-right: 15%;

}

.guoji-characteristic-list5{

  position: absolute;

  left: 15%;

  top: 0;

}

.guoji-characteristic-list6{

  position: absolute;

  left: 10%;

  top: 150px;

}

.guoji-characteristic-list7{

  position: absolute;

  left: 5%;

  top: 300px;

}

.guoji-characteristic-list8{

  position: absolute;

  left: 0;

  top: 450px;

}



/* ������֤��   ������֤��ʹ�ó��� */

.yanzheng-scene {

  width: 1200px;

  height: 100px;

  margin: 40px auto 0;

  text-align: center;

}



.yanzheng-scene h2 {

  text-align: center;

  margin-top: 30px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 28px;

  color: #046eb8;

}



.scene-content {

  width: 100%;

  margin: 0 auto;

}



.scene-content-text {

  width: 1200px;

  height: 650px;

  margin: 0 auto;

}



.scene-content-left {

  width: 26%;

  height: 650px;

  float: left;

  margin-left: 10%;

  background: url(images/solution//caixin-yingxiao-phone.png) no-repeat;

  background-size: 100% 615px;

  position: relative;

}



.scene-content-left div {

  width: 65%;

  font-size: 18px;

  color: #000;

  position: absolute;

  left: 10%;

  top: 190px;

  padding: 10px 10px;

  border:1px solid #cccccc;

}



.scene-content-right {

  width: 55%;

  height: 650px;

  float: left;

  margin-left: 5%;

  position: relative;

}



.scene-content-right div {

  width: 150px;

  height: 150px;



}



.scene-right-text1 {

  position: absolute;

  left: 19%;

  top: 55px;

}



.scene-right-text2 {

  position: absolute;

  left: 48%;

  top: 55px;

}



.scene-right-text3 {

  position: absolute;

  left: 7%;

  top: 210px;

}



.scene-right-text4 {

  position: absolute;

  left: 34%;

  top: 220px;

}



.scene-right-text5 {

  position: absolute;

  left: 61%;

  top: 210px;

}



.scene-right-text6 {

  position: absolute;

  left: 11%;

  top: 365px;

}



.scene-right-text7 {

  position: absolute;

  left: 34%;

  top: 415px;

}



.scene-right-text8 {

  position: absolute;

  left: 56%;

  top: 360px;

}



/* ������֤��    ���ż۸� */

.yanzheng-price {

  width: 100%;

  /* height: 400px; */



}



.yanzheng-price-header {

  width: 1200px;

  /* height: 200px; */

  margin: 0 auto 0;

}





.yanzheng-price-header h2 {

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 28px;

  color: #046eb8;

}



.yanzheng-price-content {

  width: 100%;

  height: 400px;

  border: 1px solid transparent;

  background: url(images/solution//price-beijing.png) no-repeat;

  background-size: 100% 500px;

}



.yanzheng-price-content ul {

  width: 1200px;

  height: 210px;

  /* border: 1px solid #000; */

  margin: 50px auto 20px;

  display: flex;

  justify-content: space-around;

}



.yanzheng-price-content-list {

  width: 18%;

  height: 210px;

  /* border: 1px solid #E4393C; */

}



.yanzheng-price-content-list div {

  width: 70%;

  height: 150px;

  border: 1px solid #fff;

  margin: 0 auto;

  text-align: center;

}







.yanzheng-price-content-list div h3 {

  font-size: 40px;

  color: #fff;

  font-weight: 500;

}



.yanzheng-price-content-list-p {

  color: #fff;

}



.yanzheng-price-content-list-p1 {

  color: #fff;

  font-size: 18px;

}



.yanzheng-price-content-list a {

  display: block;

  width: 50%;

  height: 33px;

  font-size: 16px;

  line-height: 33px;

  color: #fff;

  border: 1px solid #fff;

  border-radius: 40px;

  text-align: center;

  margin: 15px auto 0;

}

.yanzheng-price-content-list a:hover{

  background-color: #046eb8;

  border: 1px solid #046eb8;

}



.price-foot-text {

  text-align: center;

  color: #fff;

  font-size: 18px;

}



/* ������֤��ҳ��   ���Ź������� */

.purchase-process {

  width: 70%;

  margin: 0 auto;

}



.purchase-process-header {

  width: 100%;

  height: 150px;

  text-align: center;

  margin-top: 40px;

}



.purchase-process-header img {

  width: 55%;

}



.purchase-process-header h2 {

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 36px;

  color: #042d85

}



.purchase-process-content {

  width: 100%;

  height: 500px;

  margin-top: 20px;

}



.process-content {

  width: 90%;

  margin: 0 auto;

}



.process-content ul {

  width: 100%;

  height: 200px;

  display: flex;

  justify-content: space-around;

  border-bottom: 3px solid #3d4eb0;

}



.process-content-list {

  width: 11.1%;

  height: 200px;

  text-align: center;

}



.process-content-list img {

  margin: 15px 0;

}



.process-content-list p {

  font-size: 16px;

}



.process-active {

  color: #fff !important;

  background-color: #3d4eb0;

}



.process-none {

  width: 100%;

  height: 200px;

  margin-top: 20px;

  text-align: center;

  position: relative;

}



.processs-none-content {

  width: 250px;

  height: 200px;

  border: 1px solid #f5f5f5;

  font-size: 16px;

  padding: 10px 10px;

  margin-left: 5%;

  background-color: #f5f5f5;

  color: #333333;

}



.processs-none-content a {

  display: block;

  width: 60%;

  height: 50px;

  line-height: 50px;

  text-align: center;

  margin: 20px auto;

  border: 1px solid #3d4eb0;

}



.none-content2 {

  display: none;

  position: absolute;

  left: 20%;

  top: 0;

}



.none-content3 {

  display: none;

  position: absolute;

  left: 40%;

  top: 0;

}



.none-content4 {

  display: none;

  position: absolute;

  left: 40%;

  top: 0;

}



.none-content5 {

  display: none;

  position: absolute;

  left: 60%;

  top: 0;

}



.none-content6 {

  display: none;

  position: absolute;

  left: 60%;

  top: 0;

}



.none-content7 {

  display: none;

  position: absolute;

  left: 80%;

  top: 0;

}



/* ������֤��ҳ��   �ͻ�չʾ���� */

.display-case {

  width: 100%;

  background-color: #fff;

  overflow: hidden;

}



.display-case-header {

  width: 1200px;

  text-align: center;

  margin: 40px auto 0;

}



.display-case-header h2 {

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 28px;

  color: #046eb8

}





.display-case-content {

  width: 1200px;

  height: 350px;

  margin: 0 auto;

  position: relative;

}



.display-case-top {

  width: 100%;

  height: 200px;

  background-image: url(images/solution//anli-beijing1.png);

  background-repeat: no-repeat;

  background-size: 100% 200px;

  overflow: hidden;

}



.display-case-top p {

  width: 90%;

  margin: 35px auto 0;

  font-size: 16px;

  color: #999999;

}



.display-case-bottom {

  width: 100%;

  height: 150px;

}



.display-case-bottom ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.display-case-bottom ul li {

  width: 20%;

  height: 150px;

  text-align: center;

}



.display-case-bottom ul li img {

  width: 114px;

  height: 114px;

}





/* ������֤��    �ײ�ע�� */

.register-btn {

  text-align: center;

  margin-top: 30px;

  margin-bottom: 40px;

}



.register-btn a {

  background-color: #046eb8;

  border-radius: 40px;

  width: 290px;

  height: 50px;

  line-height: 50px;

  display: inline-block;

  color: #fff;

  padding: 0 20px;

  font-size: 18px;

}



.register-btn a:hover {

  background-color: #47bdf4;

}



.page-register {

  width: 100%;

  min-width:1200px;

  height: 220px;

 /* background-color: #f5f5f5;*/

  overflow:hidden;

}



.page-register h2 {

  font-size: 30px;

  color: #333;

  text-align: center;

  font-weight: normal;

  margin-top: 40px;

}



/* ������֤��ҳ��    ��Ʒ�Ƽ� */

.product-recommendation {

  width: 100%;

  background-color: #fff;

  overflow: hidden;

}



.product-recommendation-header {

  width: 1200px;

  text-align: center;

  margin: 40px auto 0;

}



.product-recommendation h2 {

  text-align: center;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 30px;

  color: #046eb8;

}



.product-recommendation-content {

  width: 1200px;

  margin: 0 auto;

}



.product-recommendation-content ul {

  width: 100%;

  display: flex;

  justify-content: space-around;

}



.product-recommendation-content ul li {

  width: 12%;

  height: 100px;

}



.product-recommendation-content ul li a {

  display: block;

  width: 100%;

  height: 50px;

  border: 1px solid #cecece;

  text-align: center;

  line-height: 50px;

  font-size: 18px;

  color:#333;

}

.product-recommendation-content ul li a:hover{

  color:#046eb8;

}



/* ������֤��ҳ��    ������֤��ʹ�ó��� */

.voice-content-left {

  width: 308px;

  height: 620px;

  float: left;

  margin-left: 10%;

  background: url(images/solution//yuyin-yanzheng-phone.png) no-repeat;

  background-size: 308px 620px;

  position: relative;

}



.voice-content-left div {

  width: 80%;

  font-size: 16px;

  color: #fff;

  position: absolute;

  left: 10%;

  top: 150px;

  padding: 10px 10px;

  text-align: center;

}





/* ������֤��    ������֤�빺������ */







/* ����Ӫ��ҳ��   ����Ӫ�������ص� */

.yingxiao-characteristic-content{

  width: 1200px;

  height: 530px;

  margin:0 auto;

  background: url(images/solution//donghua-phone.gif) no-repeat center 30%;

  background-size: 240px 240px;

}

.yingxiao-characteristic-left{

  width: 45%;

  height: 530px;

  float: left;

}

.yingxiao-characteristic-left ul{

  width: 100%;

  height: 530px;

}

.yingxiao-characteristic-left ul li{

  width: 80%;

  height: 130px;

  position: relative;

}

.yingxiao-characteristic-left ul li:first-child{

  margin-left: 20%;

}

.yingxiao-characteristic-left ul li:nth-child(2){

  margin-left: 6%;

}

.yingxiao-characteristic-left ul li:nth-child(3){

  margin-left: 6%;

}

.yingxiao-characteristic-left ul li:last-child{

  margin-left: 20%;

}

.yingxiao-characteristic-left ul li h2{

  width: 20%;

  height: 130px;

  margin: 0;

  font-size: 48px;

  position: absolute;

  right: 0;

  top: 0;

  color: #046eb8;

}

.yingxiao-characteristic-left ul li h3{

  width: 75%;

  font-size: 24px !important;

  font-weight: normal;

  text-align: right;

  color:#333333;

}

.yingxiao-characteristic-left ul li p{

  width: 75%;

  font-size: 16px;

  color: #666666;

  text-align: right;

}

/* �� */

.yingxiao-characteristic-right{

  width: 45%;

  height: 530px;

  float: left;

  margin-left: 10%;

}

.yingxiao-characteristic-right ul{

  width: 100%;

  height: 530px;

}

.yingxiao-characteristic-right ul li{

  width: 80%;

  height: 130px;

  position: relative;

}

.yingxiao-characteristic-right ul li:first-child{

  margin-left: 6%;

}

.yingxiao-characteristic-right ul li:nth-child(2){

  margin-left: 20%;

}

.yingxiao-characteristic-right ul li:nth-child(3){

  margin-left: 20%;

}

.yingxiao-characteristic-right ul li:last-child{

  margin-left: 6%;

}

.yingxiao-characteristic-right ul li h2{

  width: 20%;

  height: 130px;

  margin: 0;

  font-size: 48px;

  position: absolute;

  left: 0;

  top: 0;

  color: #046eb8;

}

.yingxiao-characteristic-right ul li h3{

  width: 75%;

  font-size: 24px !important;

  font-weight: normal;

  text-align: left;

  margin-left: 20%;

  color:#333333;

}

.yingxiao-characteristic-right ul li p{

  width: 75%;

  font-size: 16px;

  color: #666666;

  text-align: left;

  margin-left: 20%;

}



/* ���Ų�Ʒ   ����Ӫ��ҳ��  ʹ�ó��� */



.duanxin-scene {

  width: 1200px;

  /* height: 200px; */

  margin: 45px auto 45px;

  text-align: center;

}

.duanxin-scene h2 {

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 28px;

  color: #046eb8;

}

.duanxin-scene-content{

  width: 100%;

  height: 700px;

  margin-top:40px;

}

.duanxin-scene-content-left{

  width: 30%;

  height: 700px;

  background: url(images/solution//caixin-yingxiao-phone.png) no-repeat;

  background-size: 100% 700px;

  float: left;

}

.duanxin-scene-content-left p{

  width: 64%;

  /* border: 1px solid blue; */

  font-size: 18px;

  color: #666666;

  margin-top: 220px;

  margin-left:10%;

  text-align: left;

  padding:10px 10px;

  border:1px solid #cccccc;

}

.duanxin-scene-content-right{

  width: 60%;

  height: 700px;

  float: left;

  margin-left: 10%;

}

.duanxin-scene-content-right-top{

  width: 100%;

  height: 300px;

}

.duanxin-scene-content-right-top ul{

  width: 100%;

  height: 150px;

  display: flex;

  justify-content: space-between;

}

.duanxin-scene-content-right-top ul li{

  width: 22%;

  height: 150px;

}

.duanxin-scene-content-right-top ul li img{

  width: 50px;

  height: 50px;

  margin-top: 30px;

}

.duanxin-scene-content-right-top ul li p{

  font-size: 16px;

  color: #333;

}

.duanxin-scene-content-right-bottom{

  width: 100%;

  height: 250px;

  background-color: #f5f5f5;

  margin-top: 50px;

  overflow: hidden;

}

.duanxin-scene-content-right-bottom h2{

  text-align: left;

  padding-left: 10%;

  padding-right: 5%;

  color: #333333;

  font-size: 30px;

}

.duanxin-scene-content-right-bottom h6{

  text-align: left;

  padding-left: 10%;

  padding-right: 5%;

  color: #666666;

  margin-bottom: 0;

}

.duanxin-scene-content-right-bottom p{

  text-align: left;

  padding-left: 10%;

  padding-right: 5%;

  color: #999999;

}





/* .duanxin-scene-content {

  width: 100%;

  height: 700px;

  margin: 0 auto;

}



.duanxin-scene-content-left {

  width: 25%;

  height: 600px;

  margin: 50px 5% 0;

  background: url(images/solution//yingxiao-phone.png) no-repeat;

  background-size: 100% 600px;

  float: left;

  position: relative;

}



.duanxin-scene-content-left img {

  width: 87%;

  height: 450px;

  position: absolute;

  left: 7%;

  top: 71px;

}



.duanxin-scene-content-right {

  width: 60%;

  height: 600px;

  position: relative;

  float: left;

  margin: 50px 0 0;

}



.duanxin-scene-content-right div {

  width: 23%;

  height: 180px;

}



.duanxin-scene-content-right div img {

  width: 100%;

  height: 100%;

}



.duanxin-scene-right1 {

  position: absolute;

  left: 23%;

  top: 20px;

}



.duanxin-scene-right2 {

  position: absolute;

  left: 52%;

  top: 20px;

}



.duanxin-scene-right3 {

  position: absolute;

  left: 11%;

  top: 200px;

}



.duanxin-scene-right4 {

  position: absolute;

  left: 36%;

  top: 200px;

}



.duanxin-scene-right5 {

  position: absolute;

  left: 60%;

  top: 200px;

}



.duanxin-scene-right6 {

  position: absolute;

  left: 23%;

  top: 381px;

}



.duanxin-scene-right7 {

  position: absolute;

  left: 52%;

  top: 381px;

} */





/* ���Ų�Ʒ    ����Ӫ��ҳ��    ����Ӫ�������ص�*/

/*.caixin-characteristic-content {

  width: 100%;

  height: 830px;

  border: 1px solid green;

  margin: 0 auto;

  background: url(../../images/solution/s/caixin-process.png) no-repeat center center;

  background-size: 700px 540px;

  position: relative;

}

.caixin-characteristic-content div{

  width: 150px;

  height: 150px;

  border-radius: 50%;

  background-color: #fff;

  box-shadow: #bdc5f7 0px 0px 10px 5px;

  

}

.caixin-characteristic-list1{

  position: absolute;

  left: 9%;

  top: 134px;

}

.caixin-characteristic-list2{

  position: absolute;

  left: 43%;

  top: 0;

}

.caixin-characteristic-list3{

  position: absolute;

  left: 71%;

  top: 100px;

}

.caixin-characteristic-list4{

  position: absolute;

  left: 15%;

  top: 530px;

}

.caixin-characteristic-list5{

  position: absolute;

  left: 50%;

  top: 680px;

}

.caixin-characteristic-list6{

  position: absolute;

  left: 79%;

  top: 450px;

}

.caixin-characteristic-work{

  width: 80%;

  margin: 50px auto 0;

  color: #666666;

  font-size: 16px;

}

.caixin-characteristic-work1{

  width: 80%;

  margin: 50px auto 0;

  color: #fff;

  font-size: 16px;

}

*/

.caixin-characteristic-content{

  width: 1200px;

  height: 730px;

  margin:0 auto;

}

.caixin-characteristic-content-left{

  width: 32%;

  height: 730px;

  float: left;

}

.caixin-characteristic-content-left ul{

  width: 100%;

}

.caixin-characteristic-content-left ul li{

  width: 100%;

  height: 150px;

  border: 1px solid #046eb8;

  border-radius: 8px;

  margin-top: 20px;

  position: relative;

}

.caixin-characteristic-content-left ul li h2{

  width: 80%;

  text-align: right;

  color: #333333;

  font-size: 24px;

  margin: 10px 0;

}

.caixin-characteristic-content-left ul li p{

  width: 81%;

  text-align: left;

  color: #666666;

  font-size: 16px;

  padding-left: 10px;

}

.caixin-characteristic-content-left ul li div{

  width: 50px;

  height: 50px;

  background-color: #046eb8;

  font-size: 26px;

  color: #fff;

  position: absolute;

  left: 85%;

  top: 0;

}

.caixin-characteristic-content-middle{

  width: 30%;

  height: 730px;

  float: left;

  background: url(images/solution//caixin-characteristic.png);

  background-size: 100% 100%;

  margin: 0 3%;

}

.caixin-characteristic-content-right{

  width: 32%;

  height: 730px;

  float: left;

}

.caixin-characteristic-content-right ul{

  width: 100%;

}

.caixin-characteristic-content-right ul li{

  width: 100%;

  height: 150px;

  border: 1px solid #046eb8;

  border-radius: 8px;

  margin-top: 20px;

  position: relative;

}

.caixin-characteristic-content-right ul li h2{

  width: 80%;

  text-align: left;

  color: #333333;

  font-size: 24px;

  margin: 10px 0;

  margin-left: 20%;

}

.caixin-characteristic-content-right ul li p{

  width: 81%;

  text-align: left;

  color: #666666;

  font-size: 16px;

  margin-left: 20%;

  padding-right: 10px;

}

.caixin-characteristic-content-right ul li div{

  width: 50px;

  height: 50px;

  background-color: #046eb8;

  font-size: 26px;

  color: #fff;

  position: absolute;

  left: 3%;

  top: 0;

}





.caixin-content {

  width: 100%;

  margin: 0 auto 50px;

}



.caixin-content-text {

  width: 1200px;

  height: 650px;

  margin: 30px auto 0;

}



.caixin-content-left {

  width: 28%;

  height: 650px;

  float: left;

  margin-left: 10%;

  background: url(images/solution//caixin-yingxiao-phone.png) no-repeat;

  background-size: 100% 650px;

  position: relative;

}



.caixin-content-left div {

  width: 65%;

  font-size: 18px;

  /* height: 476px; */

  /* border: 1px solid red; */

  color: #000;

  position: absolute;

  left: 10%;

  top: 200px;

  border: 1px solid #d9d9d9;

  padding: 10px 10px;

  /* overflow-y: scroll;

  overflow-x: hidden; */

}



.caixin-content-left div img {

  display: block;

  width: 100%;

  height: 160px;



}

.caixin-muban-text{

  width: 100%;

  font-size: 16px;

  text-align: justify;

  color: #666666;

  margin-top: 10px;

  line-height: 20px;

}





.caixin-content-left div::-webkit-scrollbar {

  display: none;

}



.caixin-content-right {

  width: 55%;

  height: 650px;

  float: left;

  margin-left: 5%;

  position: relative;

}



.caixin-content-right div {

  width: 150px;

  height: 150px;



}



.caixin-right-text1 {

  position: absolute;

  left: 19%;

  top: 50px;

}



.caixin-right-text2 {

  position: absolute;

  left: 46%;

  top: 50px;

}



.caixin-right-text3 {

  position: absolute;

  left: 8%;

  top: 210px;

}



.caixin-right-text4 {

  position: absolute;

  left: 32%;

  top: 220px;

}



.caixin-right-text5 {

  position: absolute;

  left: 56%;

  top: 210px;

}



.caixin-right-text6 {

  position: absolute;

  left: 17%;

  top: 360px;

}



/* .caixin-right-text7 {

  position: absolute;

  left: 33%;

  top: 400px;

} */



.caixin-right-text8 {

  position: absolute;

  left: 46%;

  top: 360px;

}



.yanzheng-price-content table {

  width: 60%;

  margin: 30px auto 30px;

  font-size: 22px;

  text-align: center;

  color: #fff;

  border: 2px solid #fff;

}



.yanzheng-price-content table thead th {

  text-align: center;

  height: 70px;

  border: 2px solid #fff;

}



.yanzheng-price-content table tbody tr td {

  height: 70px;

  border: 2px solid #fff;

}



.yanzheng-price-content table tbody tr a {

  display: block;

  width: 80%;

  height: 50px;

  margin: 0 auto;

  line-height: 50px;

  border: 1px solid #fff;

  border-radius: 40px;

}



/* ���Ų�Ʒ    ����֪ͨҳ��  */



.tongzhi-characteristic-content{

  width: 1200px;

  height: 620px;

  position: relative;

  margin:0 auto;

}

.tongzhi-characteristic-content div{

  width: 260px;

  height: 490px;

  float: left;

}

.tongzhi-characteristic-list1{

  background-color: #046eb8;

}

.tongzhi-characteristic-content div h2{

  font-size: 24px;

  color: #fff;

  margin: 30px auto;

}

.tongzhi-characteristic-content div p{

  width: 80%;

  margin: 0 auto;

  font-size: 16px;

  color: #fff;

}

.tongzhi-characteristic-list2{

  background-color: #47bdf4;

  position: absolute;

  left: 300px;

  top: 100px;

}

.tongzhi-characteristic-list3{

  background-color: #046eb8;

  position: absolute;

  left: 600px;

  top: 0;

}

.tongzhi-characteristic-list4{

  background-color: #47bdf4;

  position: absolute;

  left: 900px;

  top: 100px;

}









.tongzhi-content {

  width: 1200px;

  margin: 0 auto;

}



.tongzhi-content-text {

  width: 100%;

  height: 650px;

  margin: 30px auto 0;

}



.tongzhi-content-left {

  width: 30%;

  height: 650px;

  float: left;

  margin-left: 10%;

  background: url(images/solution//caixin-yingxiao-phone.png) no-repeat;

  background-size: 90% 630px;

  position: relative;

}



.tongzhi-content-left div {

  width: 60%;

  font-size: 18px;

  color: #000;

  position: absolute;

  left: 8%;

  top: 195px;

  padding: 10px 10px;

  border:1px solid #cccccc;

}



.tongzhi-content-right {

  width: 55%;

  height: 650px;

  float: left;

  margin-left: 5%;

  position: relative;

}



.tongzhi-content-right div {

  width: 150px;

  height: 150px;



}



.tongzhi-right-text1 {

  position: absolute;

  left: 25%;

  top: 55px;

}



.tongzhi-right-text2 {

  position: absolute;

  left: 54%;

  top: 55px;

}



.tongzhi-right-text3 {

  position: absolute;

  left: 13%;

  top: 210px;

}



.tongzhi-right-text4 {

  position: absolute;

  left: 38%;

  top: 220px;

}



.tongzhi-right-text5 {

  position: absolute;

  left: 63%;

  top: 220px;

}



.tongzhi-right-text6 {

  position: absolute;

  left: 17%;

  top: 370px;

}



.tongzhi-right-text7 {

  position: absolute;

  left: 38%;

  top: 405px;

}



.tongzhi-right-text8 {

  position: absolute;

  left: 60%;

  top: 360px;

}



/* ��������ҳ�� */

.certificate-content {

  width: 1200px;

  height: 550px;

  margin: 40px auto 0;

}



.certificate-content h2 {

  font-size: 28px;

  font-weight: 400;

  color: rgba(51, 51, 51, 1);

  text-align: center;

}



.certificate-content-show {

  width: 100%;

}



.certificate-content-show ul {

  width: 100%;

  display: flex;

  justify-content: space-around;

  margin-top: 20px;

}



.certificate-content-show ul li {

  width: 25%;

  height: 500px;

}



.certificate-content-show ul li p {

  font-size: 20px;

  text-align: center;

}





/* ���Ų�Ʒ   ����֪ͨҳ�� */

.notice-content {

  width: 100%;

  margin: 0 auto;

}



.notice-content-text {

  width: 1200px;

  height: 650px;

  margin: 40px auto 0;

}



.notice-content-left {

  width: 22%;

  height: 520px;

  float: left;

  margin-left: 10%;

  background: url(images/solution//yuyin-phone.png) no-repeat;

  background-size: 100% 510px;

  position: relative;

}



.notice-content-left div {

  width: 80%;

  font-size: 18px;

  color: #fff;

  position: absolute;

  left: 10%;

  top: 100px;

  padding: 10px 10px;

}



.notice-content-right {

  width: 55%;

  height: 650px;

  float: left;

  margin-left: 5%;

  position: relative;

}



.notice-content-right div {

  width: 150px;

  height: 150px;



}



.notice-right-text1 {

  position: absolute;

  left: 20%;

  top: 50px;

}



.notice-right-text2 {

  position: absolute;

  left: 49%;

  top: 50px;

}



.notice-right-text3 {

  position: absolute;

  left: 9%;

  top: 200px;

}



.notice-right-text4 {

  position: absolute;

  left: 50%;

  top: 360px;

}



.notice-right-text5 {

  position: absolute;

  left: 59%;

  top: 200px;

}



.notice-right-text6 {

  position: absolute;

  left: 20%;

  top: 360px;

}





/* ���Ų�Ʒ  ���ܶ���ҳ��  */

.zhinenng-characteristic{

  width: 100%;

  height: 800px;

  background-color: #f5f5f5;

  overflow: hidden;

}

.zhineng-characteristic-content {

  width: 1200px;

  margin: 40px auto 0;

  text-align: center;

}

.zhineng-characteristic-content h2 {

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 30px;

  color: #046eb8;

}





.zhineng-characteristic-middle{

  width: 100%;

  height: 550px;

  background: url(images/solution//zhineng-characteristic-beijing.png) no-repeat;

  background-size: 100% 550px;

  position: relative;

}

.zhineng-characteristic-middle div{

  width: 210px;

  height: 210px;

}

.zhineng-characteristic-middle div h3{

  width: 60%;

  height: 120px;

  margin: 0 auto;

  line-height: 120px;

  font-size: 20px;

  font-weight:normal;

  color: #fff;

  background-color: #046eb8;

  border-radius: 50%;

}

.zhineng-characteristic-middle div p{

  font-size: 16px;

  color: #666666;

  margin-top: 20px;

  text-align:center;

}

.zhineng-characteristic-middle-list1{

  position: absolute;

  left: 35%;

  top: 0;

}

.zhineng-characteristic-middle-list2{

  position: absolute;

  right: 0;

  top: 0;

}

.zhineng-characteristic-middle-list3{

  position: absolute;

  left: 10%;

  top: 150px;

}

.zhineng-characteristic-middle-list4{

  position: absolute;

  left: 60%;

  top: 150px;

}



/* ���Ų�Ʒ   ���ܶ���ҳ�� */

.zhineng-scene {

  width: 1200px;

  /* height: 200px; */

  margin: 60px auto 0;

  text-align: center;

}

.zhineng-scene h2 {

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 30px;

  color: #046eb8;

}



.zhineng-scene-content {

  width: 1200px;

  height: 700px;

  margin: 0 auto;

}



.zhineng-scene-content-left {

  width: 25%;

  height: 600px;

  margin: 50px 5% 0;

  background: url(images/solution//yingxiao-phone.png) no-repeat;

  background-size: 100% 600px;

  float: left;

  position: relative;

}



.zhineng-scene-content-left img {

  width: 87%;

  height: 450px;

  position: absolute;

  left: 7%;

  top: 71px;

}



.zhineng-scene-content-right {

  width: 60%;

  height: 600px;

  position: relative;

  float: left;

  margin: 50px 0 0;

}



.zhineng-scene-content-right div {

  width: 22%;

  height: 160px;

}



.zhineng-scene-content-right div img {

  width: 100%;

  height: 100%;

}



.zhineng-scene-right1 {

  position: absolute;

  left: 26%;

  top: 25px;

}



.zhineng-scene-right2 {

  position: absolute;

  left: 54%;

  top: 25px;

}



.zhineng-scene-right3 {

  position: absolute;

  left: 16%;

  top: 190px;

}



.zhineng-scene-right4 {

  position: absolute;

  left: 40%;

  top: 190px;

}



.zhineng-scene-right5 {

  position: absolute;

  left: 64%;

  top: 190px;

}



.zhineng-scene-right6 {

  position: absolute;

  left: 19%;

  top: 347px;

}



.zhineng-scene-right7 {

  position: absolute;

  left: 62%;

  top: 347px;

}



.zhineng-scene-right8 {

  position: absolute;

  left: 41%;

  top: 380px;

}



/* ������Ѷҳ��   ͷ�����м���� */

.crumbs-nav {

  width: 63%;

  height: 50px;

  border: 1px solid red;

  margin: 20px auto 0;

}



.crumbs-nav ul li a {

  font-size: 18px;

  color: #333333;

}



/* ���Ų�Ʒ   ���ܶ���ҳ�� */

.solve-content {

  width: 1200px;

  margin: 0 auto;

}



.zhineng-solve-header {

  width: 100%;

  margin: 40px auto 0;

}

.zhineng-solve-header h2 {

  text-align: center;

  margin-top: 20px;

  font-weight: 500;

  font-size: 30px;

  color: #046eb8;

}



.zhineng-solve-middle {

  width: 100%;

  height: 600px;

  margin-top: 20px;

  position: relative;

}



.zhineng-solve-middle-header {

  width: 100%;

  height: 133px;

  background: url(images/solution//solve-beijing.png) no-repeat;

  background-size: 100% 133px;

  overflow: hidden;

}



.zhineng-solve-middle-header ul {

  width: 95%;

  height: 50px;

  margin: 30px auto 0;

  display: flex;

  justify-content: space-around;

}



.zhineng-solve-middle-list {

  width: 10%;

  height: 50px;

  background-color: #fff;

  border-radius: 10px;

  font-size: 18px;

  text-align: center;

  line-height: 50px;

}



.zhineng-solve-middle-active {

  background-color: #47bdf4;

  color: #fff;

}



.zhineng-solve-middle div:not(:first-child) {

  width: 70%;

  height: 450px;

  position: absolute;

  left: 15%;

  top: 140px;

  display: none;

}



.zhineng-solve-middle div:not(:first-child) img {

  width: 100%;

  height: 100%;

}



.zhineng-solve-show {

  display: block !important;

}







/* ��ҳ���������� */

.page-process {

  width: 100%;

}



.page-process h2 {

  margin-top: 30px;

  text-align: center;

  font-size: 28px;

  color: #202e80;

  font-weight: normal;

}



.page-process p {

  font-size: 16px;

  text-align: center;

  margin-top: 20px;

  color: #242424;

}



.page-title-logo1 {

  display: inline-block;

  width: 55px;

  height: 14px;

  background: url(images/solution//process-logo-left.png) no-repeat;

  background-size: 100% 14px;

  margin-right: 1%;

}



.page-title-logo2 {

  display: inline-block;

  width: 55px;

  height: 14px;

  background: url(images/solution//process-logo-right.png) no-repeat;

  background-size: 100% 14px;

  margin-left: 1%;

}



.page-process-content {

  width: 1200px;

  /* height: 700px; */

  margin: 40px auto 0;

}



.page-process-content ul {

  width: 100%;

  height: 150px;

  margin: 0 auto;

  display: flex;

  justify-content: space-around;

}



.page-process-list {

  width: 120px;

  height: 130px;

}



.page-process-middle {

  width: 100%;

  height: 60px;

  margin: 0 auto;

  background: url(images/solution//page-process-beijing.png) no-repeat;

  background-size: 100% 40px;

}



.page-process-list1 {

  text-align: center;

  width: 130px;

}



.page-process-list1 p {

  font-size: 16px;

  color: #666666;

}



.page-process-list1 a {

  display: block;

  width: 100%;

  height: 50px;

  margin-top: 40px;

  line-height: 50px;

  background-color: #4c5ab1;

  border: none;

  border-radius: 8px;

  color: #fff;

  font-size: 18px;

}



.page-process-list1 a:hover {

  background-color: #8192fd;

}



/* ��ҳ   ���ǵIJ�Ʒ */

.home-page-product {

  width: 100%;

  height: 500px;

  background-color: #f0f2f7;

  overflow: hidden;

}



.page-product {

  width: 1200px;

  margin: 0 auto;

}



.page-product h2 {

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #202e80;

  font-weight: normal;

}



.page-product-content {

  width: 100%;

  margin-top: 40px;

}



.page-product-content ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.page-product-content ul li:first-child {

  border-top-left-radius: 15px;



}



.page-product-list:first-child h2 {

  border-top-left-radius: 15px;

}



.page-product-content ul li:first-child {

  border-bottom-left-radius: 15px;

}



.page-product-content ul li:last-child {

  border-top-right-radius: 15px;

}



.page-product-list:last-child h2 {

  border-top-right-radius: 15px;

}



.page-product-content ul li:last-child {

  border-bottom-right-radius: 15px;

}



.page-product-list {

  width: 24%;

  height: 370px;

  background-color: #fff;

}



.page-product-list h2 {

  background-color: #4c5ab1;

  margin: 0;

  height: 70px;

  line-height: 70px;

  color: #fff;

  font-size: 26px;

}



.page-product-list img {

  display: block;

  width: 97px;

  height: 94px;

  margin: 30px auto 20px;

}



.page-product-list p {

  width: 80%;

  font-size: 16px;

  margin: 0 auto;

  text-align: center;

  color: #a9a9a9;

}



.page-product-list h6 {

  text-align: center;

  vertical-align: middle;

}



.page-product-list h6 span {

  display: inline-block;

  width: 10%;

  height: 22px;

  background: url(images/solution//page-product-icon.png) no-repeat;

  background-size: 100% 22px;

}



.page-product-list h6 a {

  display: inline-block;

  color: #4c5ab1;

  font-weight: normal;

  font-size: 20px;

  margin-left: 3%;

}



.page-product-list:hover {

  box-shadow: 2px 3px 9px 0px rgba(32, 46, 128, 0.48);

}



/* ��ҳ  ���ǵ����� */

.home-page-advantage {

  width: 100%;

  background: url(images/solution//page-advantage-beijing.png);

  overflow: hidden;

}



.page-advantage {

  width: 1200px;

  margin: 0 auto;

}



.page-advantage h2 {

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #333;

  font-weight: normal;

}



.page-advantage-content {

  width: 100%;

  height: 700px;

  margin-top: 30px;

}



.page-advantage-content-left {

  width: 35%;

  height: 650px;

  float: left;

  margin-left:4%;

}



.page-advantage-content-left ul {

  width: 100%;

  height: 650px;

}



.page-advantage-list {

  width: 100%;

  height: 110px;

  border-bottom: 2px dashed #046eb8;

  text-align: right;

}



.page-advantage-list h6 {

  font-size: 22px;

  color: #333333;

  font-weight: normal;

  margin: 20px 0 10px;

}



.page-advantage-list p {

  width: 75%;

  float: right;

  font-size: 16px;

  color: #989898;

}



.page-advantage-content-middle1 {

  width: 10%;

  height: 650px;

  float: left;

  background: url(images/solution//page-advantage-left.png) no-repeat center center;

  background-size: 100% 650px;

}

/*

.page-advantage-content-middle1 ul {

  width: 100%;

  height: 650px;

  overflow: hidden;

}



.page-advantage-content-middle1 ul li {

  width: 100%;

  height: 130px;

  overflow: hidden;

}



.page-advantage-content-middle1 ul li img {

  display: block;

  width: 45px;

  height: 45px;

  margin-top: 30px;

  margin: 40px auto 0;

}

*/

.page-advantage-content-middle2 {

  width: 10%;

  height: 650px;

  float: left;

  background: url(images/solution//page-advantage-right.png) no-repeat center center;

  background-size: 100% 650px;

  margin-top: 30px;

}



/*.page-advantage-content-middle2 ul {

  width: 100%;

  height: 650px;

  overflow: hidden;

}



.page-advantage-content-middle2 ul li {

  width: 100%;

  height: 130px;

  overflow: hidden;

}



.page-advantage-content-middle2 ul li img {

  display: block;

  width: 45px;

  height: 45px;

  margin-top: 30px;

  margin: 40px auto 0;

}

*/

.page-advantage-content-right {

  width: 35%;

  height: 650px;

  float: left;

  margin-top: 30px;

}



.page-advantage-content-right ul {

  width: 100%;

  height: 650px;

}



.page-advantage-list1 {

  width: 100%;

  height: 110px;

  border-bottom: 2px dashed #046eb8;

  text-align: left;

}



.page-advantage-list1 h6 {

  font-size: 22px;

  color: #333333;

  font-weight: normal;

  margin: 20px 0 10px;

}



.page-advantage-list1 p {

  width: 75%;

  float: left;

  font-size: 16px;

  color: #989898;

}



/* ��ҳ   �������ҵ�������� */

.home-industry-demand {

  width: 100%;

  height: 750px;

  background: url(images/solution//industry-demand-beijing.png) no-repeat;

  background-size: 100% 750px;

  overflow: hidden;

}



.industry-demand {

  width: 1200px;

  margin: 40px auto 0;

}



.industry-demand h2 {

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #fff;

  font-weight: normal;

}



.page-title-logo3 {

  display: inline-block;

  width: 55px;

  height: 14px;

  background: url(images/solution//page-title-logo-left.png) no-repeat;

  background-size: 100% 14px;

  margin-right: 1%;

}



.page-title-logo4 {

  display: inline-block;

  width: 55px;

  height: 14px;

  background: url(images/solution//page-title-logo-right.png) no-repeat;

  background-size: 100% 14px;

  margin-left: 1%;

}



.industry-demand-content {

  width: 100%;

  height: 550px;

  margin-top: 80px;

}



.industry-demand-content-top {

  width: 100%;

  height: 220px;

}



.industry-demand-content-top ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.industry-demand-list {

  width: 15%;

  height: 220px;

  text-align: center;

  background-color: rgba(86, 156, 204, 0.45);

position: relative;

}



.industry-demand-list a {

  display:block;

  width: 100%;

  height: 220px;

}



.industry-demand-list img {

  width: 72px;

  height: 78px;

  margin-top: 40px;

}



.industry-demand-list p {

  font-size: 20px;

  color: #fff;

  margin-top: 15px;

}





.industry-demand-content-bottom {

  width: 100%;

  height: 220px;

  margin-top: 30px;

}



.industry-demand-content-bottom ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.industry-demand-lista {

  width: 15%;

  height: 220px;

  text-align: center;

  background-color: rgba(86, 156, 204, 0.45);

position: relative;

}



.industry-demand-lista a {

  display: block;

  width: 100%;

  height: 220px;

}



.industry-demand-lista img {

  width: 72px;

  height: 78px;

  margin-top: 40px;

}



.industry-demand-lista p {

  font-size: 20px;

  color: #fff;

  margin-top: 15px;

}



.industry-demand-content-bottom ul li:last-child {

  width: 32%;

}







/* ��ҳ    ǿ��ļ���֧�� */

.home-technical-support {

  width: 100%;

  height: 750px;

  background-color: #f0f2f7;

  overflow: hidden;

  margin-top: 60px;

}



.technical-support {

  width: 1200px;

  height: 750px;

  margin: 0 auto;

  margin-top: 40px;

}



.technical-support h2 {

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #202e80;

  font-weight: normal;

}



.technical-support-content {

  width: 100%;

  height: 600px;

  margin-top: 40px;

}



.technical-support-content ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.technical-support-list {

  width: 23%;

  height: 590px;

  background-color: #fff;

}



.technical-support-list a {

  display: block;

  width: 100%;

  height: 590px;

}



.technical-support-list:hover {

  box-shadow: #4c5ab1 0px 0px 8px 0px;

}



.technical-support-list h6 {

  color: #202e80;

  font-size: 22px;

  font-weight: normal;

  line-height: 24px;

  width: 30%;

  margin-left: 70%;

  margin-top: 20px;

}



.technical-support-list p {

  color: #989898;

  font-size: 16px;

  margin-top: 40px;

  padding: 0 5%;

}



.technical-support-list img {

  width: 100%;

  height: 355px;

  margin-top: 20px;

}



.technical-support-list1 {

  width: 23%;

  height: 590px;

  background-color: #fff;

}



.technical-support-list1 a {

  display: block;

  width: 100%;

  height: 590px;

}



.technical-support-list1 h6 {

  color: #202e80;

  font-size: 22px;

  font-weight: normal;

  line-height: 24px;

  width: 30%;

  margin-left: 70%;

  margin-top: 20px;

}



.technical-support-list1 p {

  color: #989898;

  font-size: 16px;

  margin-top: 40px;

  padding: 0 5%;

}



.technical-support-list1 img {

  width: 100%;

  height: 355px;

}



.technical-support-list1:hover {

  box-shadow: #4c5ab1 0px 0px 8px 0px;

}



/* ��ҳ   Ѷ��������� */

.home-cooperation-case {

  width: 100%;

  height: 450px;

  background-color: #f5f5f5;

  margin-top: 60px;

}



.cooperation-case {

  width: 1200px;

  margin: 0 auto;

  overflow: hidden;

}



.cooperation-case h2 {

  margin-top: 30px;

  text-align: center;

  font-size: 28px;

  color: #202e80;

  font-weight: normal;

}

.cooperation-case p {

  font-size: 16px;

  text-align: center;

  margin-top: 20px;

  color: #242424;

}

.cooperation-case-content {

  width: 100%;

  height: 700px;

  margin-top: 40px;

  position: relative;

  background: url(http://www.xungekeji.comimages/cooperation-case-beijing.png) no-repeat;

  background-size: 100% 700px;

}



.cooperation-case-ul1 {

  width: 34%;

  height: 200px;

  position: absolute;

  left: 65%;

  top: 270px;

  display: flex;

  justify-content: space-between;

}



.cooperation-case-ul1 li {

  width: 45%;

  height: 200px;

}



.cooperation-case-ul1 li img {

  width: 100%;

  height: 100%;

}



.cooperation-case-ul2 {

  width: 53%;

  height: 200px;

  position: absolute;

  left: 46%;

  top: 490px;

  display: flex;

  justify-content: space-between;

}



.cooperation-case-ul2 li {

  width: 30%;

  height: 200px;

}



.cooperation-case-ul2 li img {

  width: 100%;

  height: 100%;

}



.cooperation-case-text {

  width: 35%;

  height: 180px;

  position: absolute;

  left: 2%;

  top: 515px;

}



.cooperation-case-text h3 {

  color: #202e80;

  font-size: 24px;

  font-weight: normal;

  /* text-align: center; */

}



.cooperation-case-text p {

  width: 85%;

  font-size: 16px;

  color: #666;

  margin-top: 20px;

}



.cooperation-case-text a {

  display: block;

  width: 35%;

  height: 40px;

  margin-top: 10px;

  background-color: #fff;

  border: 1px solid #202e80;

  color: #202e80;

  font-size: 18px;

  text-align: center;

  line-height: 40px;

}



.cooperation-case-text a:hover {

  background-color: #202e80;

  color: #fff;

}





.home-display-case-content {

  width: 1200px;

  height: 350px;

  margin: 0 auto;

  position: relative;

}



.home-display-case-top {

  width: 100%;

  height: 200px;

  background-image: url(images/solution//anli-beijing1.png);

  background-repeat: no-repeat;

  background-size: 100% 200px;

  overflow: hidden;

  margin-top: 30px;

}



.home-display-case-top p {

  width: 90%;

  margin: 35px auto 0;

  font-size: 16px;

  color: #999999;

}



.home-display-case-bottom {

  width: 100%;

  height: 150px;

}



.home-display-case-bottom ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.home-display-case-bottom ul li {

  width: 20%;

  height: 150px;

  text-align: center;

}



.home-display-case-bottom ul li img {

  width: 114px;

  height: 114px;

}



/* ������֤��ҳ��   ������֤��Ĺ����ص� */

.yuyin-characteristic-content{

  width: 1200px;

  height: 600px;

  margin:0 auto;

}

.yuyin-characteristic-content-left{

  width: 23%;

  height: 600px;

  float: left;

}

.yuyin-characteristic-content-left ul{

  width: 100%;

  height: 600px;

}

.yuyin-characteristic-content-left ul li{

  width: 100%;

  height: 150px;

}

.yuyin-characteristic-content-left ul li img{

  width: 191px;

  height: 48px;

}

.yuyin-characteristic-content-left ul li h2{

  width: 80%;

  font-weight: normal;

  font-size: 20px;

  margin: 0;

  text-align: left;

  margin-left: 20%;

  color: #333333;

}

.yuyin-characteristic-content-left ul li p{

  width: 80%;

  margin-left: 20%;

  text-align: left;

  font-size: 14px;

  color: #999;

  line-height: 16px;

}

.yuyin-characteristic-content-middle{

  width: 50%;

  height: 580px;

  background: url(images/solution//computer.png) no-repeat;

  background-size: 100% 100%;

  float: left;

  margin: 0 2% 0;

}

.yuyin-characteristic-content-right{

  width: 23%;

  height: 600px;

  float: left;

}

.yuyin-characteristic-content-right ul{

  width: 100%;

  height: 600px;

}

.yuyin-characteristic-content-right ul li{

  width: 100%;

  height: 150px;

}

.yuyin-characteristic-content-right ul li img{

  width: 191px;

  height: 48px;

}

.yuyin-characteristic-content-right ul li h2{

  width: 80%;

  font-weight: normal;

  font-size: 20px;

  margin: 0;

  text-align: right;

  margin-right: 20%;

  color: #333333;

}

.yuyin-characteristic-content-right ul li p{

  width: 80%;

  margin-right: 20%;

  text-align: right;

  font-size: 14px;

  color: #999;

  line-height: 14px;

}

/* ���Ų�Ʒ   ���ʶ���ҳ��   ���ʶ���ʹ�ó��� */

.guoji-scene{

  width: 100%;



}

.guoji-scene-content{

  width: 1200px;

  height: 700px;

  margin: 0 auto;

}

.guoji-scene-content h2{

  text-align: center;

  margin-top: 40px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 28px;

  color: #046eb8;

}

.guoji-scene-content-middle{

  width: 100%;

  height: 610px;

  /* border: 1px solid yellow; */

  overflow: hidden;

  position: relative;

}

.guoji-scene-middle-ul{

  width: 75%;

  height: 200px;

  margin: 120px auto 0;

  display: flex;

  justify-content: space-between;

}

.guoji-scene-middle-list{

  width: 25%;

  height: 200px;

  text-align: center;

}

.guoji-scene-middle-list img{

  width: 160px;

  height: 160px;

  margin-top: 40px;

}

.guoji-scene-middle-ba{

  width: 100%;

  height: 60px;

  background: url(images/solution//guoji-changjing.png) no-repeat;

  background-size: 100% 100%;

}

.guoji-scene-middle-ul1{

  width: 50%;

  height: 200px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

.guoji-scene-middle-list1{

  width: 35%;

  height: 200px;

  text-align: center;

}

.guoji-scene-middle-list1 img{

  width: 160px;

  height: 160px;

}

.scene-changjing-dialogue1{

  width: 30%;

  height: 104px;

  background: url(images/solution//guoji-changjing-dialogue1.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  left: 0;

  top: 20px;

}

.guoji-scene-content-middle p{

  padding: 15px 20px 0;

  line-height: 18px;

  color: #666;



}

.scene-changjing-dialogue2{

  width: 25%;

  height: 108px;

  background: url(images/solution//guoji-changjing-dialogue2.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  left: 40%;

  top: 0;

}

.scene-changjing-dialogue3{

  width: 23%;

  height: 103px;

  background: url(images/solution//guoji-changjing-dialogue3.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  left: 75%;

  top: 0;

}

.scene-changjing-dialogue4{

  width: 25%;

  height: 116px;

  background: url(images/solution//guoji-changjing-dialogue4.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  left: 0;

  top: 450px;

}

.scene-changjing-dialogue5{

  width: 25%;

  height: 85px;

  background: url(images/solution//guoji-changjing-dialogue5.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  left: 75%;

  top: 450px;

}

/* ���Ų�Ʒ   ���ʶ���ҳ��  �۸� */

.container h2{

  text-align: center;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 28px;

 color: rgba(51, 51, 51, 1);

}



/* ���Ų�Ʒ   ����֪ͨҳ��  ����֪ͨ�����ص� */

.yuyin-tongzhi-computer{

  background: url(images/solution//yuyin-togzhi-computer.png) no-repeat;

  background-size: 100% 100%;

}



/* ���Ų�Ʒ  ��Ƶ����ҳ��   ��Ƶ���Ź����ص� */

.shipin-characteristic{

  background-color: #f5f5f5;

}

.shipin-characteristic-content{

  width: 1200px;

  height: 700px;

  margin:0 auto;

}

.shipin-characteristic-content-left{

  width: 40%;

  height: 700px;;

  background: url(images/solution//shipin-left-characteristc.png) no-repeat center center;

  background-size: 485px 598px;

  position: relative;

  float: left;

}

.shipin-characteristic-content-left img{

  width: 190px;

  height: 150px;

  position: absolute;

  left: 112px;

  top: 180px;

}

.shipin-characteristic-content-right{

  width: 55%;

  height: 700px;

  float: left;

  margin-left: 5%;

  background: url(images/solution//shipin-right-characteristc.png) no-repeat center center;

  background-size: 581px 553px;

  position: relative;

}

.shipin-characteristic-content-right ul{

  width: 8%;

  height: 450px;

  position: absolute;

  left: 6%;

  top: 125px;

}

.shipin-characteristic-content-right ul li{

  width: 100%;

  height: 45px;

  background-color: #fff;

  color: #666666;

  font-size: 30px;

  line-height: 45px;

}

.shipin-characteristic-content-right ul li:not(:first-child){

  margin: 12px auto 0;

}

.shipin-characteristic-text{

  width: 72%;

  height: 450px;

  position: absolute;

  left: 20%;

  top: 125px;

}

.shipin-characteristic-text p{

  height: 56px;

  font-size: 16px;

  text-align: left;

  color: #666666;

  overflow: hidden;

}

/* ���Ų�Ʒ ��Ƶ����ҳ��  ��Ƶ���ŵ�ʹ�ó��� */



.shipin-scene-content-left{

  width: 30%;

  height: 700px;

  background: url(images/solution//shipin-phone.png) no-repeat;

  background-size: 100% 700px;

  float: left;

}

.shipin-scene-content-left video{

  width: 75%;

  height: 204px;

  object-fit: fill;

  margin-top: 180px;

}

.shipin-scene-content-left p{

  width: 60%;

  /* border: 1px solid blue; */

  font-size: 16px;

  color: #666666;

  margin-left:12%;

  text-align: left;

}

.shipin-scene-content-right{

  width: 60%;

  height: 700px;

  float: left;

  margin-left: 10%;

}

.shipin-scene-content-right-top{

  width: 100%;

  height: 300px;

}

.shipin-scene-content-right-top ul{

  width: 100%;

  height: 150px;

  display: flex;

  justify-content: space-between;

}

.shipin-scene-content-right-top ul li{

  width: 22%;

  height: 150px;

}

.shipin-scene-content-right-top ul li img{

  width: 50px;

  height: 50px;

  margin-top: 30px;

}

.shipin-scene-content-right-top ul li p{

  font-size: 16px;

  color: #333;

}

.shipin-scene-content-right-bottom{

  width: 100%;

  height: 250px;

  background-color: #f5f5f5;

  margin-top: 50px;

  overflow: hidden;

}

.shipin-scene-content-right-bottom h2{

  text-align: left;

  padding-left: 10%;

  padding-right: 5%;

  color: #333333;

  font-size: 30px;

}

.shipin-scene-content-right-bottom h6{

  text-align: left;

  padding-left: 10%;

  padding-right: 5%;

  color: #666666;

  margin-bottom: 0;

}

.shipin-scene-content-right-bottom p{

  text-align: left;

  padding-left: 10%;

  padding-right: 5%;

  color: #999999;

}

.shipin-scene-content-right-bottom a{

  display: block;

  width: 150px;

  height: 40px;

  border: 1px solid #046eb8;

  line-height: 40px;

  font-size: 16px;

  color: #046eb8;

  border-radius: 10px;

  margin-left: 65%;

  margin-top: 25px;

}

.shipin-scene-content-right-bottom a:hover{

  background-color: #046eb8;

  color: #fff;

}

/* ���Ų�Ʒ  ����Ӫ��ҳ�� ����Ӫ��ʹ�ó�����ť  */

.duanxin-scene-content-right-bottom a{

  display: block;

  width: 150px;

  height: 40px;

  border: 1px solid #046eb8;

  line-height: 40px;

  font-size: 16px;

  color: #046eb8;

  border-radius: 10px;

  margin-left: 65%;

  margin-top: 25px;

}

.duanxin-scene-content-right-bottom a:hover{

  background-color: #046eb8;

  color: #fff;

  border:none;

}

/* ���Ų�Ʒ   ���ʶ���ҳ��  �۸� */

/*

.container h2{

  text-align: center;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 28px;

  color: #042d85 !important;

}

*/

/* ���ŷ���ҳ��ͷ������ */

.solution-header{

  width: 80%;

  height: 200px;

  margin: 0 auto;

  position: absolute;

  left: 10%;

  top: 150px;

}

.solution-header p:first-child{

  font-size: 50px;

  color: #fff;

  text-align: center;

}

.solution-header p:last-child{

  font-size: 70px;

  color: #fff;

  text-align: center;

}

/* ���ż۸�ҳ��ͷ������ */

.price-header{

  width: 80%;

  height: 240px;

  margin: 0 auto;

  position: absolute;

  left: 10%;

  top: 150px;

}

.price-header p:first-child{

  font-size: 50px;

  color: #fff;

  text-align: center;

}

.price-header p:last-child{

  font-size: 70px;

  color: #fff;

  text-align: center;

  margin-top: 30px;

}



/*����Ѷ��   Ѷ����ҵ�Ļ�*/

.xunge-wenhua{

margin-top:30px;

background-color:#f5f5f5;

}

.xunge-hezuo{

 height:430px !important;

}





/* ���Ų�Ʒ����ҳ�� */

.superiorBanner {

	height: 600px;

	background: url(images/solution//superior-banner.png) center center no-repeat;

	background-size: auto 100%;

	padding-top: 160px;

  color: #fff;

  position: relative;

}

.superior-banner-header{

  width: 1200px;

  height: 440px;

  margin: -50px auto 0;

}

.superior-banner-header h2{

  font-size: 60px;

  text-align: center;

}

.superior-header-inp{

  width: 80%;

  height: 80px;

  margin: 0 auto;

}

.superior-l{

  width: 75%;

  height: 70px;

  float: left;

}

.superior-r{

  width: 23%;

  height: 70px;

  float: left;

  /* margin-left: 1%; */

}

.superior-text{

  width: 100%;

  height: 60px;

  border-radius: 0;

  border-top-left-radius: 40px;

  border-bottom-left-radius: 40px;

  border: none;

  font-size: 24px;

  padding-left: 20px;

}

.superior-btn{

  width: 100%;

  height: 60px;

  border: none;

  border-radius: 0;

  border-top-right-radius: 40px;

  border-bottom-right-radius: 40px;

  font-size: 24px;

  color: #fff;

  background-color: #6d80e8;

}

.superior-btn:hover{

  background-color: #47BDF4;

}

.superior-banner-middle{

  width: 100%;

  height: 235px;

  margin-top: 30px;

}

.superior-banner-middle ul{

  width: 100%;

  height: 235px;

  display: flex;

  justify-content: space-around;

}

.superior-banner-middle ul li{

  width: 23.5%;

  height: 235px;

}

.superior-banner-middle-list{

  background: url(images/solution//superior-banner-list.png) no-repeat;

}

.superior-banner-middle-list h3{

  width: 90%;

  margin: 0 auto;

  font-size: 20px;

  color: #333333;

  text-align: center;

  margin-top: 25px;

  font-weight: normal;

}

.superior-banner-middle-list p{

  margin-top: 40px;

  color: #333333;

  font-size: 14px;

  text-align: center;

}

.superior-duanxin-yanzhneg{

  width: 60%;

  height: 30px;

  /* border: 1px solid blue; */

  margin: 10px auto 0 !important;

  line-height: 30px;

  font-size: 18px !important;

  color: #fff !important;

  background-color: #046eb8;

  border-radius: 6px;

}

.superior-duanxin-yanzhneg a{

  display: block;

  width: 100%;

  height: 30px;

  color: #fff !important;

}

.superior-duanxin-yanzhneg:hover{

  background-color: #47BDF4;

  color: #fff !important;

}

.superior-banner-bottom{

  width: 100%;

  height: 30px;

  border: 1px solid #fff;

  border-radius: 30px;

  margin-top: 20px;



}

.superior-banner-bottom p{

  width: 100%;

  height: 30px;

  line-height: 30px;

  padding-bottom: 20px;

}

.superior-banner-bottom p span{

  display: inline-block;

  height: 30px;

  margin-left: 2%;

  font-size: 16px;

}

.superior-banner-bottom p img{

  width: 13px;

  height: 18px;

  margin-left: 5%;

}

/* .superior-banner-bottom p span:first-child{

  display: inline-block;

  width: 50px;

  height: 50px;

  background: url(../../images/solution/s/superior-banner-icon.png) no-repeat center center;

  background-size: 13px 18px;

  margin-left: 5%;

} */

/* ���Ų�Ʒ����   ��ѡ���� */

.superior-service {

  width: 100%;

  margin: 25px auto 0;

}

.superior-service-header {

  width: 100%;

  height: 100px;

 /* background: url(../../images/solution/s/superior-service-beijing.png) no-repeat;

  background-size: 100% 100%;*/

  overflow: hidden;

}

.superior-service h2 {

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #fff;

  font-weight: normal;

}

.superior-service-header h2 {

  margin-top:15px;

  text-align: center;

  font-size: 28px;

  color: #333;

  font-weight: normal;

}

.superior-service-header p {

  text-align: center;

  font-size: 16px;

  color: #666;

  font-weight: normal;

}



.superior-title-logo1 {

  display: inline-block;

  width: 50px;

  height: 16px;

  background: url(images/solution//superior-title-left.png) no-repeat;

  background-size: 100% 14px;

  margin-right: 1%;

}



.superior-title-logo2 {

  display: inline-block;

  width: 50px;

  height: 16px;

  background: url(images/solution//superior-title-right.png) no-repeat;

  background-size: 100% 14px;

  margin-left: 1%;

}



.superior-service ul {

  width: 1200px;

  height: 230px;

  margin:40px auto 0;

  display: flex;

  justify-content: space-around;

}



.superior-service ul li:first-child {

  border-left: 1px solid #999999;

}



.superior-service ul li {

  width: 15.5%;

  height: 230px;

  border: 1px solid #999999;

}



.superior-service-list:hover {

  box-shadow: #046eb8bf 0px 0px 4px 4px;

}



.superior-service-list a {

  display: block;

  width: 100%;

  height: 100%;

}



.superior-service-list h2 {

  font-size: 20px;

  color: #333333;

  margin-top: 10px;

}



.superior-service-list img {

  width: 60px;

  height: 60px;

  display: block;

  margin: 10px auto 0;

}



.superior-service-list p {

  width: 90%;

  color: #808080;

  font-size: 16px;

  margin: 10px auto 0;

  text-align: center;

}

/* ���Ų�Ʒ����   Ӧ�÷��� */



.superior-programme{

  width: 100%;

  height: 600px;

  margin: 0 auto;

  position: relative;

  

}

.superior-programme h2 {

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #000;

  font-weight: normal;

}

.superior-programme-btn{

  width: 1200px;

  height: 50px;

  margin-top: 30px;

  margin: 30px auto 0;

}

.superior-programme-btn1{

  width: 50%;

  height: 50px;

  float: left;

  text-align: center;

  font-size: 26px;

  background-color: #f5f5f5;

  border-top-left-radius: 20px;

  border-bottom-left-radius: 20px;

}

.superior-programme-btn2{

  width: 50%;

  height: 50px;

  float: left;

  text-align: center;

  font-size: 26px;

  background-color: #f5f5f5;

  border-top-right-radius: 20px;

  border-bottom-right-radius: 20px;

}

.superopr-active{

  color: #fff;

  background-color: #6d80e8;

}

.superior-fangan{

  width: 100%;

  height: 600px;

  overflow: hidden;

}

.superior-programme-content{

  width: 1200px;

  /* height: 800px; */

  margin: 155px auto 0;

  float: left;

}

.superior-programme-content ul{

  width: 100%;

  /* height: 330px; */

  display: flex;

  justify-content: space-around;

  margin-top: 30px;

}

.superior-programme-content ul li{

  width: 23%;

  height: 330px;

  border: 1px solid #e3e3e3;

}



.superior-programme-list a{

  display: block;

  width: 100%;

  height: 330px;

}

.superior-programme-list img{

  width: 100%;

  height: 172px;

}

.superior-programme-list h2{

  width: 95%;

  font-size: 16px;

  color: #666666;

  margin: 10px auto 0;

  padding-bottom: 10px;

  border-bottom: 1px solid #e3e3e3;

}

.superior-programme-list p{

  width: 95%;

  font-size: 14px;

  color: #666666;

  margin: 10px auto 0;

  text-align: center;

  line-height: 24px;

}

.superior-muban{

  width: 100%;

  height: 600px;

  background: url(images/solution//superior-muban-beijing.png) no-repeat;

  background-size: 100% 100%;

  position: absolute;

  left: 0;

  top: 130px;

  display: none;

  overflow: hidden;

}

.superior-programme-content1{

  width: 100%;

}

.superior-programme-content1 ul{

  width: 1200px;

  height: 460px;

  margin: 110px auto 0;

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;

}

.superior-programme-content1 ul li{

  width: 23%;

  height: 200px;

  border: 1px solid #e3e3e3;

}

.superior-programme-content1 ul li a{

  display: block;

  width: 100%;

  height: 200px;

}

.superior-programme-content1 ul li img{

  width: 100%;

  height: 150px;

}

.superior-programme-content1 ul li div{

  width: 90%;

  height: 40px;

  margin: 0 auto;

  color: #000;

  font-size: 16px;

  line-height: 40px;

}

.superior-programme-content1 ul li div p:first-child{

  

  width: 60%;

  overflow: hidden;

  text-overflow:ellipsis;

  white-space:nowrap;

  float: left;

}

.superior-rogramme-list2 div p{

  margin-left: 20% !important;

  text-align: center;

}

.superior-programme-content1 ul li div p:last-child{

  margin-left: 5%;

  float: left;

}

.superior-programme-content-active{

  display: none !important;

}

.superior-programme-content-noactive{

  display: block !important;

}

/* ��Ʒ�۸� */

.superior-price {

  width: 100%;

  height: 350px;

  margin: 50px auto 0;

  background: url(images/solution//superior-price-beijing.png) no-repeat;

  background-size: 100% 100%;

  overflow: hidden;

}



.superior-price h2 {

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #fff;

  font-weight: normal;

}

.superior-price h3 {

  text-align: center;

  font-size: 16px;

  color: #fff;

  font-weight: normal;

}



.superior-price-logo1{

  display: inline-block;

  width: 50px;

  height: 16px;

  background: url(images/solution//superior-price-left.png) no-repeat;

  background-size: 100% 14px;

  margin-right: 1%;

}

.superior-price-logo2{

  display: inline-block;

  width: 50px;

  height: 16px;

  background: url(images/solution//superior-price-right.png) no-repeat;

  background-size: 100% 14px;

  margin-left: 1%;

}

.superior-price-content {

  width: 1200px;

  height: 190px;

  margin: 30px auto 0;

}



.superior-price-content ul {

  width: 100%;

  height: 190px;

  display: flex;

  justify-content: space-around;

}



.superior-price-content ul li {

  width: 22%;

  height: 190px;

}



.superior-price-content ul li a {

  display: block;

  width: 100%;

  height: 190px;

}

.superior-price-content ul li a:hover h3{

  color:#000;

}



.superior-price-content ul li a h2 {

  font-size: 20px;

  font-weight: normal;

  color: #333333;

}



.superior-price-content ul li a p {

  text-align: center;

  color: #666666;

  font-size: 16px;

  margin-top: 20px;

}



.superior-price-content ul li a h3 {

  text-align: center;

  color: #046eb8;

  font-size: 20px;

  font-weight: normal;

  margin-top: 10px;

}

.super-price-list h2{

  text-align: left;

}

.super-price-list h3{

  font-size: 16px;

  color: #fff;

  font-weight: 500;

  margin-top: 10px;

  text-align: left;

}

.super-price-list1, .super-price-list2,.super-price-list3,.super-price-list4{

  background-color: #fff;

  border-radius: 10px;

}

/* ���Ų�Ʒ����ҳ��   ʹ������ */

.superior-use{

  width: 1200px;

  /* height: 500px; */

  margin: 30px auto 0;

}

.superior-use h2{

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #000;

  font-weight: normal;

}

.superior-use-content{

  width: 100%;

  height: 225px;

  margin: 30px auto 0;

}

.superior-use-content img{

  width: 100%;

  height: 225px;

}

/* ���Ų�Ʒ����   �������� */

.superior-anli{

  width: 1200px;

  height: 410px;

  margin: 40px auto 0;

}

.superior-anli h2{

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #333333;

  font-weight: normal;

}

.superior-anli-content{

  width: 100%;

  height: 300px;

  margin: 30px auto 0;

}

.superior-anli-content ul{

  width: 100%;

  height: 160px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-around;

}

.superior-anli-content ul li{

  width: 18%;

  height: 120px;

  border: 1px solid #ededed;

}

.superior-anli-content ul li:hover{

   box-shadow:0 0 4px 4px #046eb8bf;

}

.superior-anli-content ul li img{

  width: 100%;

  height: 120px;

}

/* ���Ų�Ʒ����   �����ܻ���Ҫ */

.superior-need{

  width: 100%;

  background-color: #f5f5f5;

  overflow: hidden;

  padding-bottom:15px;

}

.superior-need-header h2{

     text-align: center;

    margin-bottom: 20px;

    font-weight: 500;

    font-size: 30px;

    color: #046eb8 !important;

}

.superior-need-header{

     width: 1200px;

    text-align: center;

    margin: 40px auto 0;

}

.superior-need h2{

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #333333;

  font-weight: normal;

  margin-top: 40px;

}

.superior-need-content{

  width: 1200px;

  margin: 30px auto 20px;

}

.superior-need-content ul{

  width: 100%;

  display: flex;

  justify-content: space-between;

}

.superior-need-list{

  width: 360px;

  overflow: hidden;

  background-color: #fff;

  margin-bottom:15px;

  padding-bottom: 20px;

}

.superior-need-title{

  font-size: 20px;

  margin-top: 10px;

}

.superior-need-title span{

  color: #333333;

  margin-left: 5%;

}

.superior-need-title a{

  color: #999999;

  margin-left: 50%;

}

.superior-need-title a:hover{

  color: #046eb8;

}

.superior-need-map{

  display: block;

  width: 340px;

  height: 140px;

  margin: 0 auto;

}

.superior-need-list ul{

  width: 90% !important;

  height: 160px;

  margin: 0 auto;

  display: block;

}

.superior-need-list1{

  width: 100%;

  height: 40px;

  margin: 0 auto;

  font-size: 16px;

  color: #666666;

  line-height: 40px;

  border-bottom: 1px dashed #e5e5e5;

}

.superior-need-list1 a{

  display: block;

  width: 100%;

  height: 40px;

  cursor: pointer;

}

.superior-need-list1 p{

  float: left;

}

.superior-need-list1:hover{

  color: #046eb8;

}

.superior-need-list1 p:first-child{

  width: 73%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.superior-need-list1 p:nth-child(2){

  width: 26%;

 white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  margin-left:1%;

}







/* ���Ų�Ʒ����   Ӧ�÷�����ģ�� */

.bodyCon08{

  background: url(images/solution//superior-fangan-beijing.png) no-repeat;

  background-size: 100% 100%;

  overflow: hidden;

}

.bodyCon08 .students{margin:100px auto;width:1200px;height:480px;position:relative;}

.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}

#four_flash{position:relative;width:1200px;height:400px; margin:0 auto;position:absolute;bottom:40px;}

#four_flash .flashBg{width:1110px;height:335px; margin:0 auto;position:relative;overflow:hidden;}

#four_flash .flashBg ul.mobile{width:2000%;height:400px; position:absolute;top:15; left:0;}

#four_flash .flashBg ul.mobile li{border:1px solid #e3e3e3;float:left;width:250px;height:300px;margin-left:26px;margin-top:20px;color:#000;text-align: center; position: relative;}

#four_flash .flashBg ul.mobile li img{width:300px;height:220px;display:block; margin:0 auto;}

#four_flash .flashBg ul.mobile li dd{font-size:20px;width:250px;line-height:60px;text-align:center; margin: 0 auto;}

#four_flash .but_left{width:50px;height:100px;position:absolute; top:170px; left:10px;}

#four_flash .but_right{width:50px;height:100px; position:absolute; top:170px; right:-20px;}

#four_flash .flashBg ul.mobile li:hover{

  box-shadow:#b4b5ec 0px 0px 10px 5px;

}

.mobile-none{

  display: block;

  width:250px;

  height:300px;

  /* border: 1px solid yellow; */

  border:1px solid #e3e3e3;

  position: absolute;

  left: 0;

  top: 0;

  background-color: rgba(109,128,232,0.4);

  overflow: hidden;

  display: none;

}

.mobile-none p{

  width: 90%;

  font-size: 16px;

  color: #fff;

  text-align: center;

  margin: 80px auto 0;

}

.superior-mobile-list1:hover .mobile-none1{

  display: block ;

}

.superior-mobile-list1 a:hover{

  color: #fff;

}

.superior-mobile-list2:hover .mobile-none2{

  display: block ;

}

.superior-mobile-list3:hover .mobile-none3{

  display: block ;

}

.superior-mobile-list4:hover .mobile-none4{

  display: block ;

}

.superior-mobile-list5:hover .mobile-none5{

  display: block ;

}

.superior-mobile-list6:hover .mobile-none6{

  display: block ;

}

.superior-mobile-list7:hover .mobile-none7{

  display: block ;

}

.superior-mobile-list8:hover .mobile-none8{

  display: block ;

}

.superior-mobile-list9:hover .mobile-none9{

  display: block ;

}

.superior-mobile-list10:hover .mobile-none10{

  display: block ;

}

.superior-mobile-list11:hover .mobile-none11{

  display: block ;

}







.cloud-product-box {

  width: 100%;

  background-color: #f5f5f5;

  height: 650px;

}



.clearfix:after {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0

}



*html .clearfix {

  height: 1%

}



.btn {

  display: inline-block;

  width: 100px;

  height: 32px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  line-height: 32px;

  color: #009FD9;

  text-align: center;

  text-decoration: none;

  font-size: 14px;

  cursor: pointer

}



/* .cloud-product-box{background:#f4f4f4} */

.cloud-product-wrapper {

  margin: 0 auto;

  width: 1200px

}



.cloud-product {

  position: relative;

  z-index: 9;

  border: 1px solid transparent;

}



.cloud-product-title {

  height: 32px;

  text-align: center;

  line-height: 32px;

  font-size: 32px;

  color: #333

}



.color-blue {

  color: #009fd9

}



.cloud-product-explain {

  margin-top: 26px;

  margin-bottom: 82px;

  height: 16px;

  line-height: 16px;

  text-align: center;

  font-size: 16px;

  color: #999

}



.cloud-product-ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

  height: 350px;

  margin-top: 70px;

}



.cloud-product-ul li {

  position: relative;

  /* margin-left: 12px; */

  width: 260px;

  height: 350px;

  float: left;

  background: #fff

}



.cloud-product-ul li:first-child {

  margin-left: 0

}



.cloud-product-single-top {

  width: 100%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  background-color: #f2f2f2

}



.cloud-product-name {

  font-size: 18px;

  color: #333;

  font-weight: 700

}



.cloud-product-single-bottom {

  width: 100%;

  height: 340px;

}



.empty-space {

  width: 100%;

  height: 350px;

  background-color: #d9d9d9;

  overflow: hidden;

  /* border-top-left-radius: 15px; */

  /* border-top-right-radius: 15px; */

}



.empty-space h3 {

  text-align: center;

  font-size: 24px;

  color: #ffffff;

  margin-top: 10px;

}



.empty-space img {

  display: block;

  margin: 100px auto 0;

  width: 48px;

  height: 48px;

}



.empty-space1 {

  background-color: #4c5ab1;



}



.empty-space1 h3 {

  color: #fff;

}



.single-bottom-item {

  height: 340px;

  width: 100%

}



.single-bottom-item:first-child {

  border-right: 1px solid #eee

}



.bg-product-pic {

  width: 100%;

  height: 82px

}





.product-introduce-title {

  margin-bottom: 14px;

  height: 22px;

  line-height: 22px;

  font-size: 22px;

  text-align: center

}



.product-introduce-title.normal-weight {

  font-weight: 400

}



.product-introduce-content {

  margin: 0 auto 26px;

  width: 180px;

  line-height: 14px;

  font-size: 14px;

  text-align: center;

  color: #999

}



.product-introduce-list {

  margin: 0 auto;

  padding-top: 28px;

  height: 135px;

  width: 84%;

  border-left: none;

  border-right: none

}



.product-introduce-list p {

  font-size: 20px;

  color: #4c5ab1;

  text-align: center;



}



.product-introduce-list p:last-child {

  margin-top: 10px;

}



.product-introduce-list p span {

  display: inline-block;

  height: 20px;

  width: 24px;

  background: url(images/solution//page-product-icon.png) no-repeat center center;

  background-size: 100% 100%;

}



.product-introduce-list p a {

  display: inline-block;

  margin-left: 7%;

}



.introduce-list-small {

  margin-bottom: 18px;

  line-height: 14px;

  font-size: 14px;

  color: #999;

  text-align: center

}



/* .product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333} */

.price-blue {

  color: #0af;

  font-size: 38px

}



.normal-inner {

  transition: all .5s;

  -moz-transition: all .5s;

  -webkit-transition: all .5s;

  -o-transition: all .5s;

  border-radius: 15px;

}



.active-inner {

  position: relative;

  display: none;

  height: 450px;

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

  transition: all .5s;

  -moz-transition: all .5s;

  -webkit-transition: all .5s;

  -o-transition: all .5s;

  border-radius: 8px;

}



.introduce-link {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 360px

}



/* .active-inner-01{background:url(../img/producet_bg_01.jpg) center no-repeat}

.active-inner-02{background:url(../img/producet_bg_02.jpg) center no-repeat}

.active-inner-03{background:url(../img/producet_bg_03.jpg) center no-repeat}

.active-inner-04{background:url(../img/producet_bg_04.jpg) center no-repeat}

.active-inner-05{background:url(../img/producet_bg_05.jpg) center no-repeat} */

.cloud-product-ul li.active .active-inner {

  display: block;

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  border-radius: 15px;

  position: absolute;

  left: 0;

  top: -50px;

  width: 100%;

  background-color: #000;

}



.cloud-product-ul li.active .normal-inner {

  display: none;

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

  height: 350px;

}



.cloud-product-ul li {

  -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08);

  -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08);

  box-shadow: 1px 1px 12px rgba(0, 0, 0, .08);

  -webkit-transition: width .15s linear;

  -o-transition: width .15s linear;

  -moz-transition: width .15s linear;

  transition: width .15s linear;

  border-radius: 15px;

}



.cloud-product-ul li.active {

  z-index: 9;

  width: 350px;

  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .2);

  -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, .2);

  box-shadow: 0 4px 20px rgba(0, 0, 0, .2)

}



.active .product-introduce-content {

  color: #eff6ff

}



.active-product-introduce-title {

  color: #fff

}



/* .active .product-introduce-list{padding-top:22px;border-color:#3f9ff9} */

.introduce-list-large {

  margin: 0 auto;

  width: 228px;

  line-height: 22px;

  color: #ddebff;

  font-size: 14px

}



/* .active .product-introduce-price{margin-top:32px;color:#fefeff} */

/* .product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff} */

/* .buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}

.buy-link-btn:hover{background-color:#f80} */

.cloud-product h2 {

  margin-top: 40px;

  text-align: center;

  font-size: 28px;

  color: #333333;

  font-weight: normal;

  /*margin-bottom: 40px;*/

}



.active-hover-bottom {

  width: 100%;

  height: 450px;

  background-color: #fff;

  overflow: hidden;

  /* border-radius: 15px; */

  position: absolute;

  left: 0;

  top: 0;

}

.active-hover-bottomhover1{

  width: 100%;

  height: 100%;

  background: url(images/solution//empty-space-yingxiao.png) no-repeat;

  background-size: 100% 100%;

}

.active-hover-bottomhover2{

  width: 100%;

  height: 100%;

  background: url(images/solution//empty-space-yanzheng.png) no-repeat;

  background-size: 100% 100%;

}

.active-hover-bottomhover3{

  width: 100%;

  height: 100%;

  background: url(images/solution//empty-space-tongzhi.png) no-repeat;

  background-size: 100% 100%;

}

.active-hover-bottomhover4{

  width: 100%;

  height: 100%;

  background: url(images/solution//empty-space-caixin.png) no-repeat;

  background-size: 100% 100%;

}

.active-hover-bottomhover5{

  width: 100%;

  height: 100%;

  background: url(images/solution//empty-space-shipin.png) no-repeat;

  background-size: 100% 100%;

}

.active-hover-bottom-content {

  width: 100%;

 

  background: rgba(4, 110, 184, 0.8);



  padding: 10px 10px;

  position: relative;

  height: 450px;

}



.active-hover-bottom-content p {

  width: 80%;

  font-size: 16px;

  color: #ffffff;

  line-height: 25px;

  margin: 10px auto 0;

}



.active-hover-bottom-content a {

  display: block;

  width: 50%;

  height: 40px;

  border: 1px solid #ffffff;

  text-align: center;

  line-height: 40px;

  color: #ffffff;

  position: absolute;

  top: 340px;

  left: 25%;

  font-size:16px;

}

.active-hover-bottom-content a:hover{

  background-color: #ffffff;

  color: #046eb8 ;

}



/* ��ҳ   �ṩ����ҵ������� */

.industry-demand-text{

  font-size: 16px !important;

  width: 80%;

  margin: 0 auto;

  line-height: 24px;

  position: absolute;

  left: 10%;

  top: 40px;

  display:none;

}

.industry-demand-text a:hover{

  color: #fff ;

}

/* ��ҳ   ���ǵļ۸� */

.home-price{

  width: 1200px;

  margin: 40px auto 0;

  /* border: 1px solid red; */

}

.home-price h2 {

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #333;

  font-weight: normal;

}

.home-price p{

  text-align: center;

  font-size: 16px;

  color: #666;

}

.home-price-content{

  width: 100%;

  height: 390px;

  margin-top: 40px;

  background: url(images/solution//home-price-beijing.png) no-repeat;

  background-size: 100% 205px;

  position: relative;

}

.home-price-list{

  width: 210px;

  height: 200px;

  text-align: center;

  

}

.home-price-list a{

 display:block;

 width:100%;

 height:100%;

}

.home-price-list:hover h3{

   color:#333;

}

.home-price-list img{

  display: block;

  width: 74px;

  height: 60px;

  margin: 0 auto;



}

.home-price-map1{

  width: 74px;

  height: 60px;

  margin: 0 auto;

  background:url(images/solution//home-price-beijing1.png);

  background-position:0px 0px;

  background-repeat: no-repeat;

}

.home-price-map2{

  width: 74px;

  height: 60px;

  margin: 0 auto;

  background:url(images/solution//home-price-beijing1.png);

  background-position:-92px 0px;

  background-repeat: no-repeat;

}

.home-price-map3{

  width: 74px;

  height: 60px;

  margin: 0 auto;

  background:url(images/solution//home-price-beijing1.png);

  background-position:-190px 0px;

  background-repeat: no-repeat;

}

.home-price-map4{

  width: 74px;

  height: 60px;

  margin: 0 auto;

  background:url(images/solution//home-price-beijing1.png);

  background-position:-292px 0px;

  background-repeat: no-repeat;

}

.home-price-list h2{

  font-size: 22px;

  color: #333;

  margin: 0;

  

}

.home-price-list p{

  font-size: 16px;

  color: #999;

  margin-top: 10px;

}

.home-price-list h3{

  font-size: 18px;

  color: #046eb8;

  font-weight: normal;

  margin-top: 10px;

}

.home-price-list1{

  position: absolute;

  left: 7px;

  top: 100px;

}

.home-price-list2{

  position: absolute;

  left: 331px;

  top: 197px;

}

.home-price-list3{

  position: absolute;

  left: 658px;

  top: 100px;

}

.home-price-list4{

  position: absolute;

  left: 985px;

  top: 195px;

}



/* ��ҳ  ��ҵ���� */

.home-enterprise{

  width: 1200px;

  height: 560px;

  margin: 0 auto;

}

.home-enterprise h2 {

  margin-top: 40px;

  text-align: center;

  font-size: 28px;

  color: #333;

  font-weight: normal;

}

.home-enterprise ul{

  width: 100%;

  height: 470px;

  margin: 30px auto 0;

  display: flex;

  justify-content: space-around;

}

.home-enterprise-list{

  width: 30%;

  height: 470px;

}

.home-enterprise-list img{

  display: block;

  width: 300px;

  height: 420px;

  margin: 0 auto;

}

.home-enterprise-map1{

  width: 317px;

  height: 422px;

  margin: 0 auto;

  background:url(images/solution//certificate-beijing.png);

  background-position:1px 1px;

  background-repeat: no-repeat;

}

.home-enterprise-map2{

  width: 317px;

  height: 422px;

  margin: 0 auto;

  background:url(images/solution//certificate-beijing.png);

   background-position:-375px 1px;

  background-repeat: no-repeat;

}

.home-enterprise-map3{

  width: 317px;

  height: 422px;

  margin: 0 auto;

  background:url(images/solution//certificate-beijing.png);

  background-position:-751px 1px;

  background-repeat: no-repeat;

}

.home-enterprise-list p{

  font-size: 20px;

  color: #666;

  text-align: center;

  margin-top:10px;

}

/* ��ҳ  �������� */

.home-anli{

  width: 100%;

  height: 500px;

  background-color: #f5f5f5;

}

.home-anli-content{

  width: 1200px;

  height: 465px;

 margin: 0 auto;

/*  margin: 40px auto 0;*/

  overflow: hidden;

}

.home-anli-content h2{

  margin-top: 40px;

  text-align: center;

  font-size: 28px;

  color: #333;

  font-weight: normal;

}

.home-anli-content ul{

  width: 100%;

  height: 130px;

  display: flex;

  justify-content: space-around;

  margin-top: 30px;

}

.home-anli-list{

  width: 18%;

  height: 130px;

}

.home-anli-list1{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: 0px -1px;  

}

.home-anli-list2{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: -249px -1px;  

}

.home-anli-list3{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: -494px -1px;  

}

.home-anli-list4{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: -739px -1px;  

}

.home-anli-list5{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: -984px -1px;  

}

.home-anli-list6{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: 0px -149px;  

}

.home-anli-list7{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: -249px -149px;  

}

.home-anli-list8{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: -494px -149px;  

}

.home-anli-list9{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: -739px -149px;  

}

.home-anli-list10{

  background-image: url(images/solution//home-hezuoanli.png);

  background-repeat: no-repeat;

  background-position: -984px -149px;  

}

.home-anli-list:hover{

  box-shadow:0 0 4px 4px #046eb8bf;

}

/* ��ҳ   ������Ѷ */

.home-article{

  width: 100%;

  margin: 0 auto 0;

  overflow:hidden;

   background-color: #f5f5f5;

}

.home-article h2{

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #333;

  font-weight: normal;

}

.home-article-content{

  width: 100%;

  height: 390px;

  margin-top: 30px;

  /*background: url(../../images/solution/s/home-article-beijing.png) no-repeat;*/

  background-size: 100% 100%;

}



.home-article-list1{

  width: 318px;

  height: 390px;

  float: left;

  /* background: url(../../images/solution/s/home-article-left.png) no-repeat center center; */

}

.home-article-list1 img{

  display: block;

  width: 75%;

  height: 130px;

  margin: 40px 0 0 18%;

}

.home-article-list1 h2{

  width: 75%;

  font-size: 20px;

  margin-left: 18%;

}

.home-article-list1 ul{

  width: 75%;

  height: 145px;

  margin-left: 18%;

}

.home-article-li{

  margin-top: 5px;

}

.home-article-li a{

  display: block;

  width: 100%;

}

.home-article-li a p:first-child{

  float: left;

  width: 6%;

  height: 28px;

  background: url(images/solution//home-article-icon.png) no-repeat center center;

  background-size: 12px 12px;

  margin-left: 4%;

}

.home-article-li a p:nth-child(2){

  float: left;

  font-size: 16px;

  color: #666666;

  margin-left: 2%;

  width: 49%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.home-article-li a p:nth-child(3){

  float: left;

  font-size: 14px;

  width: 35%;

  margin-left: 4%;

  color: #666666 !important;

}



/* ��ҳ  ������Ѷ  �ڶ��� */

.home-article-list2{

  width: 280px;

  height: 390px;

  float: left;

}

.home-article-list2 img{

  display: block;

  width: 84%;

  height: 130px;

  margin: 40px 0 0 22px;

}

.home-article-list2 h2{

  width: 80%;

  font-size: 20px;

  margin-left: 10%;

}

.home-article-list2 ul{

  width: 84%;

  height: 145px;

  margin-left: 8%;

}





/* ��ҳ  ������Ѷ  ������ */

.home-article-list3{

  width: 280px;

  height: 390px;

  float: left;

}

.home-article-list3 img{

  display: block;

  width: 84%;

  height: 130px;

  margin: 40px 0 0 22px;

}

.home-article-list3 h2{

  width: 80%;

  font-size: 20px;

  margin-left: 10%;

}

.home-article-list3 ul{

  width: 84%;

  height: 145px;

  margin-left: 8%;

}



/* ��ҳ  ������Ѷ  ���Ŀ� */

.home-article-list4{

  width: 299px;

  height: 390px;

  float: left;

 

}

.home-article-list4 img{

  display: block;

  width: 79%;

  height: 130px;

  margin: 40px 0 0 22px;

}

.home-article-list4 h2{

  width: 75%;

  font-size: 20px;

  margin-left: 8%;

}

.home-article-list4 ul{

  width: 79%;

  height: 145px;

  margin-left: 7%;

}



/* ��ҳ  �����ܻ���Ҫ */

.home-need{

  width: 100%;

  margin: 30px auto;

}

.home-need-content{

  width: 1200px;

  margin: 0 auto;

}

.home-need-content h2{

  margin-top: 40px;

  text-align: center;

  font-size: 28px;

  color: #333;

  font-weight: normal;

}

.home-need-content ul{

  width: 90%;

  margin: 40px auto 0;

  display: flex;

  justify-content: space-between;

}

.home-need-list{

  width: 18%;

  height: 60px;

}

.home-need-list a{

  display: block;

  width: 100%;

  height: 40px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  background-color: #046eb8;

  border-radius: 40px;

  line-height: 40px;

}

.home-need-list a:hover{

  background-color: #47bdf4;

}



/* ��ҳ ���з�վ */

.home-substation{

  width: 100%;

}

.home-substation h2{

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #333;

  font-weight: normal;

}

.home-substation-content{

  width: 100%;

  height: 600px;

  margin-top: 30px;

  background: url(images/solution//home-city-beijing.gif) no-repeat center center;

  background-size: 100% 100%;

  position: relative;

  overflow: hidden;

}

.home-substation-top{

 width: 1200px;

 height: 500px;

 margin: 100px auto 0;

}

.home-substation-top-content{

  width: 30%;

  height: 500px;

  font-size: 14px;

  color: #fff;

}

.home-substation-top-content p{

  margin-top: 30px;

  margin-left: 5%;



}

.home-substation-top-content ul{

  width: 20%;

  height: 400px;

  margin-left: 5%;

  margin-top: 5px;

  float: left;

}

.home-substation-top-content ul li{

  width: 100%;

  height: 30px;

  /* text-align: center; */

}

.home-substation-bottom{

  width: 100%;

  background-color: #1D1D1D;

  overflow: hidden;

  padding-bottom:20px;

}

.home-substation-bottom-conent{

  width: 1200px;

/*  height: 150px;*/

  margin: 0 auto ;

border-top: 1px solid #404040;

    padding-top: 20px;

}

.home-substation-bottom-conent div span{

  font-size: 16px;

  color: #fff;

}

.home-substation-bottom-conent div a{

  font-size: 14px;

  cursor: pointer;

  margin-right: 25px;

  vertical-align: middle;

  display: inline-block;

  color: #cccccc !important;

  height:25px;

}

.home-substation-bottom-conent div a:hover{

 color:#fff !important;

}

/* ��ҳ  ͷ��bannerͼ������ */

.home-header{

  width: 1200px;

  position: absolute;

  left: 50%;

  top: 150px;

  z-index: 998;

  margin-left:-600px;

}

.home-header-content{

  width: 100%;

  height: 350px;

  text-align:left;

 

}

.home-header-content h1{

  color: #fff;

  font-size: 58px;

  letter-spacing:3px;

  text-align:left;

  /*font-weight:500;*/

}

.home-header-content img{

  display: block;

  margin: 10px 0;

  width: 475px  !important;

  height: 35px  !important;

}

.home-header-inp{

  width: 26%;

  height: 50px;

  margin-top: 15px;

  float: left;

  font-size: 14px;

  text-align:left;

}

.home-header-inp input{

  width: 100%;

  height: 40px;

  padding-left: 5%;

  border:0;

  font-size:16px;

  /*border-top-right-radius:0;

  border-bottom-right-radius:0;*/

}

.home-header-btn{

  width: 28%;

  height: 50px;

  float: left;

 font-size: 14px;

  margin-top: 15px;

  margin-left:10px;

   text-align:left;

}

.home-header-btn input{

  width: 55%;

  height: 40px;

  line-height:38px;

  /*background-color: #006ae9;*/

  color: #fff;

  border: none;

  font-size:16px;

  background:none;

  border:1px solid #ffffff;

 

}

.home-header-btn input:hover{

  background-color: #ffffff;

  color: #006ae9;

}

.home-header-content p{

  font-size: 18px;

  margin-top: 10px;

  color: #fff;

  text-align:left;

}

.home-header-content a{

  display: inline-block;

  width: 25% !important;

  height: 40px !important;

  margin: 20px 0 0 0%;

  font-size: 16px;

  color: #ffffff;

  text-align: center;

  line-height: 40px;

  border-radius: 30px;

  border:1px solid #ffffff;

  /*background-color: #ffffff;*/

}

.home-header-content a:hover{

  background-color: #ffffff;

  border:none;

  color:#006ae9;

}



/* ��ҳ ÿ����������������� */

.home-title-text{

  font-size: 16px;

  text-align: center;

  margin-top: 20px;

  color: #666;

}





/* ��ҳ   ������Ѷ */

.home-article-content{

  width: 1200px;

  height: 665px;

  margin: 30px auto 0;

}

.home-article-content-left{

  width: 47%;

  height: 600px;

  float: left;

}

.home-article-content-middle{

  width: 6%;

  height: 600px;

  background: url(images/solution//home-xinwen-middle.png);

  float: left;

}

.home-article-content-right{

  width: 47%;

  height: 600px;

  float: left;

}

.home-article-left-top{

  width: 100%;

  height: 230px;

  background: url(images/solution//home-xinwen-left.png) no-repeat center center;

  background-size: 100% 100%;

  position: relative;

}

.home-article-left-top h2{

  width: 60%;

  font-size: 20px;

  margin: 0;

}

.home-article-left-top ul{

  width: 60%;

  height: 150px;

  font-size: 20px;

  margin-top: 10px;

}

.home-article-left-top ul li{

  width: 100%;

  height: 30px;

  margin-bottom: 10px;



}

.home-article-left-top ul li p{

  float: left;

}

.home-article-left-top ul li p:first-child{

  width: 4%;

  height: 28px;

  background: url(images/solution//home-article-icon.png) no-repeat center center;

  background-size: 12px 12px;

  margin-left: 1%;

}

.home-article-left-top ul li p:nth-child(2){

    font-size: 16px;

    color: #666666;

    margin-left: 2%;

    width: 68%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.home-article-left-top ul li p:nth-child(3){

  font-size: 16px;

  width: 25%;

  color: #666666 ;

}

.home-article-left-top div{

  width: 35%;

  height: 230px;

  background-image:url(images/solution//home-xinwen-gongsi.png);

    background-size:100% 100%;

  position: absolute;

  right: 4.5%;

  top: 0;

}







.home-article-left-bottom{

  width: 100%;

  height: 230px;

  margin-top: 70px;

  background: url(images/solution//home-xinwen-left.png) no-repeat center center;

  background-size: 100% 100%;

  position: relative;

}

.home-article-left-bottom h2{

  width: 60%;

  font-size: 20px;

  margin: 0;

}

.home-article-left-bottom ul{

  width: 60%;

  height: 150px;

  font-size: 20px;

  margin-top: 10px;

}

.home-article-left-bottom ul li{

  width: 100%;

  height: 30px;

  margin-bottom: 10px;



}

.home-article-left-bottom ul li p{

  float: left;

}

.home-article-left-bottom ul li p:first-child{

  width: 4%;

  height: 28px;

  background: url(images/solution//home-article-icon.png) no-repeat center center;

  background-size: 12px 12px;

  margin-left: 1%;

}

.home-article-left-bottom ul li p:nth-child(2){

    font-size: 16px;

    color: #666666;

    margin-left: 2%;

    width: 68%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.home-article-left-bottom ul li p:nth-child(3){

  font-size: 16px;

  width: 25%;

  color: #666666 ;

}

.home-article-left-bottom div{

  width: 35%;

  height: 230px;

  background-image:url(images/solution//home-xinwen-hangye.png);

    background-size:100% 100%;

  position: absolute;

  right: 4.5%;

  top: 0;

}











.home-article-right-top{

  width: 100%;

  height: 230px;

  background: url(images/solution//home-xinwen-right.png) no-repeat center center;

  background-size: 100% 100%;

  margin-top: 50px;

  position: relative;

}

.home-article-right-top h2{

  width: 60%;

  font-size: 20px;

  margin-left: 40%;

}

.home-article-right-top ul{

  width: 60%;

  height: 150px;

  font-size: 20px;

  margin-top: 10px;

  margin-left: 40%;

}

.home-article-right-top ul li{

  width: 100%;

  height: 30px;

  margin-bottom: 10px;



}

.home-article-right-top ul li p{

  float: left;

}

.home-article-right-top ul li p:first-child{

  width: 4%;

  height: 28px;

  background: url(images/solution//home-article-icon.png) no-repeat center center;

  background-size: 12px 12px;

  margin-left: 1%;

}

.home-article-right-top ul li p:nth-child(2){

    font-size: 16px;

    color: #666666;

    margin-left: 2%;

    width: 68%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.home-article-right-top ul li p:nth-child(3){

  font-size: 16px;

  width: 25%;

  color: #666666 ;

}

.home-article-right-top div{

  width: 35%;

  height: 230px;

  background-image:url(images/solution//home-xinwen-wenti.png);

    background-size:100% 100%;

  position: absolute;

  left: 4.5%;

  top: 0;

}









.home-article-right-bottom{

  width: 100%;

  height: 230px;

  background: url(images/solution//home-xinwen-right.png) no-repeat center center;

  background-size: 100% 100%;

  margin-top: 70px;

  position: relative;

}

.home-article-right-bottom h2{

  width: 60%;

  font-size: 20px;

  margin-left: 40%;

}

.home-article-right-bottom ul{

  width: 60%;

  height: 150px;

  font-size: 20px;

  margin-top: 10px;

  margin-left: 40%;

}

.home-article-right-bottom ul li{

  width: 100%;

  height: 30px;

  margin-bottom: 10px;



}

.home-article-right-bottom ul li p{

  float: left;

}

.home-article-right-bottom ul li p:first-child{

  width: 4%;

  height: 28px;

  background: url(images/solution//home-article-icon.png) no-repeat center center;

  background-size: 12px 12px;

  margin-left: 1%;

}

.home-article-right-bottom ul li p:nth-child(2){

    font-size: 16px;

    color: #666666;

    margin-left: 2%;

    width: 68%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.home-article-right-bottom ul li p:nth-child(3){

  font-size: 16px;

  width: 25%;

  color: #666666 ;

}

.home-article-right-bottom div{

  width: 35%;

  height: 230px;

  background-image:url(images/solution//home-xinwen-muban.png);

    background-size:100% 100%;

  position: absolute;

  left: 4.5%;

  top: 0;

}



.home-article-left-top ul li:hover .home-article-text1{

   color:#046eb8 !important;

}

.home-article-left-bottom ul li:hover .home-article-text2{

   color:#046eb8 !important;

}

.home-article-right-top ul li:hover .home-article-text3{

      color:#046eb8  !important;

}

.home-article-right-bottom ul li:hover .home-article-text4{

      color:#046eb8 !important;

}

/*��ҳ  ������Ѷ  �鿴�ܶఴť*/

.home-article-more-left{

  width: 140px;

    height: 36px;

    border: 1px solid #d4d4d4;

    color: #999;

    position: absolute;

    bottom: -18px;

    background-color: #fff;

    text-align: center;

    font-size: 16px;

    line-height: 34px;

    border-radius: 30px;

    left: 30%;

    margin-left: -70px;

    cursor: pointer;

}

.home-article-more-left:hover{

   border: 1px solid #2769b8;

    color: #2769b8;

}

.home-article-more-right{

  width: 140px;

    height: 36px;

    border: 1px solid #d4d4d4;

    color: #999;

    position: absolute;

    bottom: -18px;

    background-color: #fff;

    text-align: center;

    font-size: 16px;

    line-height: 34px;

    border-radius: 30px;

    left: 68%;

    margin-left: -70px;

    cursor: pointer;

}

.home-article-more-right:hover{

   border: 1px solid #2769b8;

    color: #2769b8;

}





/*���Ų�Ʒ����   ģ�� �����ͣ��ʽ*/

.superior-programme-content1 ul li:hover p{

  color:#2769b8  !important;

}



/* ��ҳ �������̵ڶ��� */

.home-process{

  width: 100%;

  height: 455px;

 /* background-color:#f0f2f7;*/

  overflow:hidden;

}

.home-process-content{

  width: 1200px;

  margin: 0 auto;

}

.home-process-content h2{

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #333;

  font-weight: normal;

}

.home-process-middle{

  width: 100%;

  height: 240px;

  margin: 30px auto;

 /* background: url(../../images/solution/s/home-process-beijing.png) no-repeat center center;*/

  background-size: 100% 100%;

  background-color:#fff;



}





.home-process-list{

  width: 15%;

  height: 240px;

  float: left;

border:1px solid transparent;

}



.home-process-list:hover .home-process-map{

    transform: scale(1.2);

}

.home-process-list a{

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.home-process-list a:hover h2{

  color: #046eb8 !important;

}

.home-process-list a:hover p{

  color: #046eb8 !important;

}

.home-process-list a img{

  width: 70px;

  height: 70px;

  display: block;

  margin: 20px auto 0;

  transition: all 1s;

}



.home-process-list a h2{

  font-size: 22px;

  color: #000;

  margin-top: 35px;

}

.home-process-list a p{

  font-size: 16px;

  color: #666;

  text-align: center;

}

.home-process-icon{

  float: left;

  width: 26px;

  height: 34px;

  margin: 65px 2% 0;

}





/*��ҳ�ֲ�ͼ*/



.lunbo-box{width:100%;height:600px;text-align:center;font-size:50px;position:relative;margin:0 auto;overflow:hidden;}

.lunbo-box ul{width:1920px;height:600px;position:relative;overflow:hidden;margin:0 auto;}

.lunbo-box ul li{width:1920px;height:600px;left:300px;top:0;position:absolute;overflow:hidden;}

.lunbo-box ul li a{width:100%;height:100%;overflow:hidden;}

.lunbo-box ul li img{width:1920px;height:600px;overflow:hidden;}

.aa{

    width: 450px;

    height: 450px;

    border: 1px solid red;

    position: absolute;

    left: 15%;

    top: 70px;

    background-color: blue;

    z-index: 998;

}

.lunbo-box ol{position:absolute;bottom:15px;width:260px;margin-left:-130px;left:50%;z-index:20;text-align:center;}

.lunbo-box ol a{width:16px;height:16px;margin-right:10px;background:#046eb8;border-radius:50%;display:inline-block;box-shadow:2px 3px 5px #CCCCCC;}

.lunbo-box ol a.lunbo-active{background:white;z-index:18;}





/*���в�Ʒҳ��   ��������*/



.buy-process{

  width: 100%;

}

.buy-process-header{

  width: 1200px;

  margin: 0 auto;

}

.buy-process-header h2{

  text-align: center;

  margin-top: 20px;

  margin-bottom: 20px;

  font-weight: 500;

  font-size: 30px;

  color: #042d85;

}

.buy-process-content{

  width: 1200px;

  height: 200px;

  margin: 0 auto;

  overflow: hidden;

}

.buy-process-content div{

  width: 16%;

  height: 200px;

  background-color: #f7f6f2;

  float: left;

  color: #000;

}

.buy-process-content div a{

  display: block;

  width: 100%;

  height: 200px;

} 

.buy-process-list a img{

  display: block;

  width: 72px;

  height: 72px;

  margin: 25px auto 0;

  -moz-transition:all .4s;

	-webkit-transition:all .4s;

	-o-transition:all .4s;

}



.buy-process-list a h2{

  text-align: center;

  font-size: 22px;

  font-weight: normal;

  margin-top: 25px;

}

.buy-process-list a:hover{

  color: #000 !important;

}

.buy-process-list:hover .buy-process-list-map{

  transform:scale(1.2);

}

.buy-process-left{

  width: 30px;

  height: 56px;

  margin: 60px 1.2% 0;

  float: left;

}

.buy-process-bottom{

  width: 1200px;

  height: 225px;

  margin: 0 auto;

  position: relative;

}

.buy-bottom-list{

  width: 335px;

  height: 130px;

  background: url(images/solution//buy-process-beijing1.png) no-repeat center center;

  background-size: 100% 100%;

  overflow: hidden;

  position: absolute;

  left: 0;

  top: 10px;

}

.buy-bottom-list p{

  font-size: 14px;

  color: #000;

  padding: 0 15px;

}

.buy-bottom-list p:first-child{

  margin-top: 40px;

}

.buy-bottom-list a{

  display: block;

  width: 50%;

  height: 40px;

  background-color: #6d80e8;

  font-size: 18px;

  color: #fff;

  border-radius: 8px;

  text-align: center;

  line-height: 40px;

  margin-top: 10px;

  margin-left: 15px;

}

.buy-bottom-list1{

  width: 680px;

  height: 170px;

  background: url(images/solution//buy-process-beijing2.png) no-repeat center center;

  background-size: 100% 100%;

  overflow: hidden;

  position: absolute;

  left: 0;

  top: 10px;

  display: none;

}

.buy-bottom-list1 p{

  font-size: 14px;

  color: #000;

  padding: 0 15px;

}

.buy-bottom-list1 p:first-child{

  margin-top: 40px;

}

.buy-bottom-list2{

  width: 650px;

  height: 200px;

  background: url(images/solution//buy-process-beijing3.png) no-repeat center center;

  background-size: 100% 100%;

  overflow: hidden;

  position: absolute;

  left: 22%;

  top: 10px;

  display: none;

}

.buy-bottom-list2 p{

  font-size: 14px;

  color: #000;

  padding: 0 15px;

}

.buy-bottom-list2 p:first-child{

  margin-top: 40px;

}

.buy-bottom-list2 a{

  display: inline-block;

  width: 35%;

  height: 40px;

  background-color: #6d80e8;

  font-size: 18px;

  color: #fff;

  border-radius: 8px;

  text-align: center;

  line-height: 40px;

  margin-top: 10px;

  margin-left: 15px;

}

.buy-bottom-list3{

  width: 420px;

  height: 150px;

  background: url(images/solution//buy-process-beijing4.png) no-repeat center center;

  background-size: 100% 100%;

  overflow: hidden;

  position: absolute;

  left: 54%;

  top: 10px;

  display: none;

}

.buy-bottom-list3 p{

  font-size: 14px;

  color: #000;

  padding: 0 15px;

}

.buy-bottom-list3 p:first-child{

  margin-top: 40px;

}



.buy-bottom-list4{

  width: 670px;

  height: 150px;

  background: url(images/solution//buy-process-beijing5.png) no-repeat center center;

  background-size: 100% 100%;

  overflow: hidden;

  position: absolute;

  left: 44%;

  top: 10px;

  display: none;

}

.buy-bottom-list4 p{

  font-size: 14px;

  color: #000;

  padding: 0 15px;

}

.buy-bottom-list4 p:first-child{

  margin-top: 40px;

}

.buy-bottom-list4 a{

  display: inline-block;

  width: 35%;

  height: 40px;

  background-color: #6d80e8;

  font-size: 18px;

  color: #fff;

  border-radius: 8px;

  text-align: center;

  line-height: 40px;

  margin-top: 10px;

  margin-left: 15px;

}



/*�ӿ��ĵ�  �ұߵ���*/

.jiekou-api{

  position:absolute; 

  top:0px; 

  left:82%;

  height:460px;

}

/* ����֧��   bannerͼͷ�� */

.jishu-header{

  width: 500px;

 /* height: 350px;*/

  position: absolute;

  left: 25%;

  top: 150px;

}

.jishu-header h2{

  font-size: 50px;

  color: #fff;

}

.jishu-header p{

  font-size: 22px;

  color: #fff;

  margin-top: 20px;

}

.jishu-header div{

  width: 80%;

  height: 100px;

  margin-top: 40px;

}

.jishu-header div ul{

  width: 100%;

  display: flex;

  justify-content: space-between;

}

.jishu-header-list{

  width: 22%;

  height: 100px;

  border: 1px solid #fff;

  text-align: center;

}

.jishu-header-list p{

  line-height: 40px;

  margin-top: 10px;

}

/* ������Ѷ  bannerͼ�� */

.xinwen-header{

  width: 500px;

  height: 350px;

  position: absolute;

  left: 15%;

  top: 150px;

}

.xinwen-header h2{

  font-size: 50px;

  color: #fff;

}

.xinwen-header h3{

  font-size: 30px;

  color: #fff;

  margin-top: 10px;

  font-weight: 400;

}

.xinwen-header p{

  font-size: 18px;

  color: #fff;

  margin-top: 10px;

}



/* ���ŷ��� ��ҳ��bannerͼ�� */

.hangye-header{

  width: 50%;

  position: absolute;

  left: 25%;

  top: 190px;



}

.hangye-header h2{

  font-size: 40px;

  color: #fff;

  font-weight: 600;

  text-align: center;

}

.hangye-header h3{

  font-size: 28px;

  color: #fff;

  margin-top: 10px;

  font-weight: 400;

  text-align: center;

}

.hangye-header p{

  font-size: 20px;

  color: #fff;

  text-align: center;

  margin-top: 10px;

}



/* ���ŷ���  bannerͼ�� */

.fangan-header{

  width: 30%;

  height: 350px;

  position: absolute;

  left: 25%;

  top: 150px;

}

.fangan-header h2{

  font-size: 40px;

  color: #fff;

  font-weight: 600;

}

.fangan-header h3{

  font-size: 28px;

  color: #fff;

  margin-top: 10px;

  font-weight: 400;

}

.fangan-header p{

  font-size: 20px;

  color: #fff;

  margin-top: 10px;

}



/* ���ŷ���ͷ��banner */

.soluteBanner {

	height: 550px;

    background: url(images/solution//banner3.jpg) center center no-repeat;

   /* background-size: auto 100%;*/

    padding-top: 160px;

    color: #fff;

}

.soluteheader .outter h2{

   font-size: 60px;

   color: #fff !important;

   text-align: left;

   margin: 0;

   font-weight:600;

}

.soluteheader .outter h3{

  font-size: 24px;

  font-weight: 400;

  margin-top: 15px;

}

.soluteheader .outter p{

  font-size: 20px;

  margin-top: 15px;

}



.solute1Banner {

	height: 550px;

    background: url(images/solution//banner7.jpg) center center no-repeat;

    /*background-size: auto 100%;*/

    padding-top: 160px;

    color: #fff;

}

.solute1header .outter h2{

   font-size: 60px;

   color: #fff !important;

   text-align: center;

   margin: 0;

}

.solute1header .outter h3{

  font-size: 24px;

  font-weight: 400;

  margin-top: 15px;

  text-align: center;

}

.solute1header .outter p{

  font-size: 20px;

  margin-top: 15px;

  text-align: center;

}



/* ����֧��ͷ��banner */

.jishuBanner {

	height: 550px;

    background: url(images/solution//banner2.jpg) center center no-repeat;

   /* background-size: auto 100%;*/

    padding-top: 160px;

    color: #fff;

}

.jishuheader .outter h2{

   /*font-size: 40px;*/

   font-size:60px;

   color: #fff !important;

   text-align: left;

   margin: 0;

   font-weight:600;

}

.jishuheader .outter h3{

  font-size: 24px;

  font-weight: 400;

  margin-top: 15px;

  text-align: left;

}

.jishuheader .outter p{

  font-size: 20px;

  margin-top: 15px;

  text-align: left;

}

.jishuheader .outter div{

  width: 40%;

  height: 100px;

  margin-top: 30px;

}

.jishuheader .outter div ul{

  width: 100%;

  display: flex;

  justify-content: space-between;

}

.jishuheader-list{

  width: 22%;

  height: 100px;

  border: 1px solid #fff;

  text-align: center;

}

.jishuheader-list p{

  line-height: 40px;

  margin-top: 10px !important;

  text-align: center !important;

}

/*��������banner*/

.guanyuBanner{



	height: 550px;

    background: url(images/solution//banner1.jpg) center center no-repeat;

   /* background-size: auto 100%;*/

   /* padding-top: 160px;*/

    color: #fff;



}



/* ������Ѷͷ��banner */

.zixunBanner {

	height: 550px;

    background: url(images/solution//banner4.jpg) center center no-repeat;

    /*background-size: 100% 100%;*/

    padding-top: 160px;

    color: #fff;

}

.zixunheader .outter h2{

   

   font-size: 60px;

   color: #fff !important;

   text-align: left;

   margin: 0;

   font-weight:600;

}

.zixunheader .outter h3{

  font-size: 24px;

  font-weight: 400;

  margin-top: 15px;

  text-align: left;

}

.zixunheader .outter p{

  font-size: 20px;

  margin-top: 15px;

  text-align: left;

}



/*ͷ��ͼ��*/

.header-icon1{

   background-image:url(images/solution//header-duanxin-yewu.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon2{

   background-image:url(images/solution//header-duanxin-yingxiao.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon3{

   background-image:url(images/solution//header-duanxin-yanzheng.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon4{

   background-image:url(images/solution//header-yuyin-yanzheng.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon5{

   background-image:url(images/solution//header-guoji-duanxin.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon6{

   background-image:url(images/solution//header-caixin-yingxiao.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon7{

   background-image:url(images/solution//header-duanxin-tongzhi.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon8{

   background-image:url(images/solution//header-yuyin-tongzhi.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon9{

   background-image:url(images/solution//header-zhineng-duanxin.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon10{

   background-image:url(images/solution//header-shipin-duanxin.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon11{

   background-image:url(images/solution//header-fangan-zhengfu.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon12{

   background-image:url(images/solution//header-fangan-canyin.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon13{

   background-image:url(images/solution//header-fangan-shangchao.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon14{

   background-image:url(images/solution//header-fangan-qiche.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon15{

   background-image:url(images/solution//header-fangan-jiaotong.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon16{

   background-image:url(images/solution//header-fangan-wuliu.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon17{

   background-image:url(images/solution//header-fangan-jinrong.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon18{

   background-image:url(images/solution//header-fangan-jiaoyu.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon19{

   background-image:url(images/solution//header-fangan-it.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon20{

   background-image:url(images/solution//header-fangan-dianshang.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon21{

   background-image:url(images/solution//header-fangan-fangchan.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon22{

   background-image:url(images/solution//header-support-jishu.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon23{

   background-image:url(images/solution//header-support-muban.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon24{

   background-image:url(images/solution//header-support-zhinan.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon25{

   background-image:url(images/solution//header-support-jiekou.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon26{

   background-image:url(images/solution//header-support-bangzhu.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon27{

   background-image:url(images/solution//header-xinwen-gongsi.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon28{

   background-image:url(images/solution//header-xinwen-zixun.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}

.header-icon29{

   background-image:url(images/solution//header-xinwen-wenti.png) ;

  background-size: 30px 30px ;

  background-repeat: no-repeat;

  background-position: center center;

}



/*��ҳ  ʹ������*/

.home-process-map1 {

  width: 70px;

  height: 70px;

  display: block;

  background-image: url(images/solution//home-process-map.png);

  background-position: 4px 2px;

  background-repeat: no-repeat;

  margin: 20px auto 0;

  

}

.home-process-map2 {

  width: 70px;

  height: 70px;

  display: block;

  background-image: url(images/solution//home-process-map.png);

  background-position: -238px 2px;

  background-repeat: no-repeat;

  margin: 20px auto 0;

}



.home-process-map3 {

  width: 70px;

  height: 70px;

  display: block;

  background-image: url(images/solution//home-process-map.png);

  background-position: -482px 2px;

  background-repeat: no-repeat;

  margin: 20px auto 0;

}



.home-process-map4 {

  width: 70px;

  height: 70px;

  display: block;

  background-image: url(images/solution//home-process-map.png);

  background-position: -727px 2px;

  background-repeat: no-repeat;

  margin: 20px auto 0;

}



.home-process-map5 {

  width: 70px;

  height: 70px;

  display: block;

  background-image: url(images/solution//home-process-map.png);

  background-position: -971px 2px;

  background-repeat: no-repeat;

  margin: 20px auto 0;

}







/* �������   ͷ�� */

.details-header {

  width: 100%;

  height: 800px;

  position: relative;

}



.details-header video {

  position: absolute;

    right: 0;

    bottom: 0;

    min-width: 100%;

    min-height: 100%;

    background-size: cover;

    overflow: hidden;

}

.details-header-content{

  width: 1200px;

  height: 400px;

  position: absolute;

  margin: auto;

  left: 0;

  right: 0;

  top: 250px;

}

.details-header-content h2{

  color: #fff;

  font-size: 50px;

  text-align: center;

  margin-top: 40px;

}

.details-header-content h3{

  color: #fff;

  font-size: 38px;

  text-align: center;

  font-weight: 400;

  margin-top: 20px;

}

/* �������   �����*/

.details-middle {

  width: 100%;

  overflow: hidden;

  margin-top:10px;

  padding-bottom:20px;

}



.details-middle-content {

  width: 1200px;

  margin: 40px auto 0;

}



.details-middle-content ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.details-middle-list {

  width: 25%;

  height: 450px;

  text-align: center;

}



.details-middle-list1 {

  background: url(images/solution//details-beijing-list3.png) no-repeat;

  background-size: 100% 100%;

  

}



.details-middle-list2 {

  background: url(images/solution//details-beijing-list2.png) no-repeat;

  background-size: 100% 100%;

 

}



.details-middle-list3 {

  background: url(images/solution//details-beijing-list1.png) no-repeat;

  background-size: 100% 100%;



}



.details-middle-list1 p {

  font-size: 16px;

  color: #999999;

  margin-top: 257px;

  

}



.details-middle-list2 p {

  font-size: 16px;

  color: #999999;

  margin-top: 230px;

}



.details-middle-list3 p {

  font-size: 16px;

  color: #999999;

  margin-top: 230px;

}



.details-list-btn {

  display: block;

  color: #fff !important;

  width: 60%;

  height: 40px;

  background-color: #4c5ab1;

  line-height: 40px;

  font-size: 16px;

  border: none;

  border-radius: 20px;

  margin: 10px auto 0;

}



.details-list-btn:hover {

  background-color: #6d80e8;

}



.details-list-tiyan {

  margin-top: 15px;

  text-align: center;

}



.details-list-tiyan p:first-child {

  float: left;

  width: 30px;

  height: 30px;

  background: url(images/solution//details-icon.png) no-repeat;

  margin: 0;

  margin-left: 20%;

}



.details-list-tiyan p:nth-child(2) {

  float: left;

  height: 30px;

  line-height: 30px;

  font-size: 16px;

  color: #999999;

  font-weight: normal;

  margin: 0;

}



.details-list-lianjie {

  display: block;

  color: #6b81e6;

  font-size: 16px;

  margin-top: 10px;

}

/* .body{

  background-color: black;

  opacity: 0.2;

} */



/* �������  �������Ϸ� */

.details-xuan {

  width: 650px;

  height: 400px;

  position: fixed;

  margin: auto;

  left: 0;

  right: 0;

  bottom: 250px;

  z-index: 999;

  background-color: #fff;

  border: 5px solid #666666;

  border-radius: 4px;

  display: none;

}

.details-xuan h2{

  height: 40px;

  line-height: 40px;

  background-color: #f8f8f8;

}

.details-xuan h2 p:first-child{

  float: left;

  font-size: 16px;

  color: #999999;

  font-weight: normal;

  margin-left: 20px;

}

.details-xuan h2 p:nth-child(2){

  float: left;

  width: 30px;

  height: 30px;

  background: url(images/solution//detaisl-xuan-icon.png) no-repeat center center;

  background-size: 20px 20px;

  margin-left: 480px;

}

.details-xuan-middle{

  width: 500px;

  margin: 50px auto 0;

}

.details-xuan-inp{

  width: 85%;

  font-size: 20px;

  margin: 100px auto 0;

}

.details-xuan-inp input{

  width: 300px;

  height: 50px;

}

.details-xuan-inp button{

  display: block;

  width: 35%;

  height: 40px;

  font-size: 16px;

  color: #fff;

  background-color: #6d80e7;

  border: none;

  margin: 40px auto 0;

  border-radius: 5px;

  line-height: 40px;



}

.details-xuan-inp button:hover{

  background-color: #4c5ab1;

}





/* �������  �ײ� */

.details-bottom{

  width: 100%;

  height: 400px;

  margin-top: 30px;

  background: url(images/solution//details-bottom-beijing.png) no-repeat;

  background-size: 100% 100%;

  overflow: hidden;

}

.details-bottom-content{

  width: 1200px;

  margin: 30px auto 0;

}

.details-bottom-content h2{

  font-size: 28px;

  font-weight: 500;

  color: #fff;

  text-align: center;

}

.details-bottom-content ul{

  width: 100%;

  margin-top: 30px;

  display: flex;

  justify-content: space-between;

}

.details-bottom-list{

  width: 22%;

  height: 150px;

  color: #fff;

}

.details-bottom-list h2{

  font-size: 24px;

  margin-top: 20px;

}

.details-bottom-list h3{

  font-size: 24px;

  font-weight: 500;

  text-align: center;

}

.details-bottom-btn{

  display: block;

  width: 26%;

  height: 54px;

  line-height: 52px;

  margin: 30px auto;

  font-size: 22px;

  color: #fff !important;

  text-align: center;

  border: 2px solid #fff;

  border-radius: 40px;

}

.details-bottom-btn:hover{

 background-color:#fff;

 color:#4c5ab1 !important;

}







/* ���з�վ    ͷ��   */

.price-header {

  width: 80%;

  height: 240px;

  border: 1px solid red;

  margin: 0 auto;

  position: absolute;

  left: 10%;

  top: 150px;

}



.price-header p:first-child {

  font-size: 50px;

  color: #fff;

  text-align: center;

}



.price-header p:last-child {

  font-size: 70px;

  color: #fff;

  text-align: center;

  margin-top: 30px;

}



/* ����֧��   ����ģ�� �µ�����ҳ��*/

.internet-content {

  width: 1200px;

  height: 700px;

  /* border: 1px solid red; */

  margin: 0 auto;

}



.internet-content-left {

  width: 70%;

  border: 2px solid #7982b3;

  margin-left: 2%;

  float: left;

}



.internet-content-left h2 {

  height: 80px;

  line-height: 80px;

  text-align: center;

  border-bottom: 1px solid #7982b3;

  font-size: 26px;

  font-weight: normal;

  color: #7982b3;

}



.internet-content-right {

  width: 25%;

  float: left;

  /* border: 1px solid blue; */

  margin-left: 3%;

}



.internet-content-right-top {

  width: 80%;

  text-align: center;

  border: 2px solid #c3cbfc;

  margin: 0 auto;

}



.internet-content-right-top h2 span {

  display: inline-block;

  width: 14px;

  height: 19px;

  background: url(images/solution//jieshuzhichi-title-icon.png) no-repeat;

  background-size: 14px 19px;

  margin-right: 15px;





}



.internet-content-right-top h2 {

  text-align: center;

  font-size: 20px;

  font-weight: normal;

  line-height: 80px;

  border-bottom: 2px solid #c3cbfc;

  color: #9498b9;

  text-align: left;

  padding-left: 10%;

}



.internet-content-text {

  width: 90%;

  height: 500px;

  border: 1px solid red;

  margin: 20px auto 0;

}





/* ���Ų�Ʒ����ҳ�� */

.cityBanner {

  height: 550px;

  background: url(images/solution//city-banner.jpg) center center no-repeat;

  /*background-size: 100% 100%;*/

  padding-top: 100px;

  color: #fff;

  position: relative;

}



.city-banner-header {

  width: 1200px;

  margin: -10px auto 0;

}



.city-banner-header h2 {

  font-size: 44px;

}



.city-banner-header p {

  width: 35%;

  font-size: 16px;

}



.city-banner-header-text {

  font-size: 18px !important;

  margin-top: 30px;

  letter-spacing: 4px;

}



.city-header-btn {

  display: block;

  width: 25%;

  height: 50px;

  font-size: 20px;

  text-align: center;

  line-height: 50px;

  background-color: #47bdf4;

  border-radius: 10px;

  margin-top: 40px;

}



.city-header-btn:hover {

  background-color: #046eb8;

  color: #fff;

}



.city-banner-header-text span {

  margin-left: 5%;

}



.city-banner-header-text span:first-child {

  margin: 0;

}



.city-banner-bottom {

  width: 100%;

  height: 35px;

  /* border: 1px solid #fff; */

  border-radius: 30px;

  margin-top: 50px;

  background: url(images/solution//superior-banner-bottom.png) no-repeat;

}



.city-banner-bottom p {

  width: 100%;

  height: 30px;

  line-height: 35px;

  padding-bottom: 20px;



}



.city-banner-bottom p span {

  display: inline-block;

  height: 30px;

  margin-left: 2%;

  font-size: 16px;

}



.city-banner-bottom p span:first-child {

  margin-left: 7%;

}



/* ���з�վ  ��ѡҵ�� */

.city-business {

  width: 1200px;

  height: 400px;

  margin: 60px auto 0;

}



.city-business h2 {

  font-size: 28px;

  font-weight: 500;

  text-align: center;

}



.city-business h3 {

  font-size: 16px;

  font-weight: 500;

  text-align: center;

  color: #666666;

  line-height: 20px;

}



.city-business-content {

  margin: 0 auto;

  width: 1200px;

  position: relative;



}



.bodyCon08 .students p.PP {

  width: 510px;

  height: 50px;

  font-size: 16px;

  color: #333;

  text-align: center;

  position: absolute;

  top: 60px;

  left: 300px;

}



#city-content {

  position: relative;

  width: 1200px;

  margin: 0 auto;

  position: absolute;

  top: 40px;

}



#city-content .city-business-middle {

  width: 1060px;

  height: 296px;

  margin: 0 55px;

  position: relative;

  overflow: hidden;

}



#city-content .city-business-middle ul.business-ul {

  width: 9000%;

  height: 296px;

  position: absolute;

  top: 15;

  left: 0;

}



#city-content .city-business-middle ul.business-ul li {

  float: left;

  margin-top: 3px;

  width: 230px;

  height: 290px;

  margin-left: 35px;

  color: #6C6E85;

  transition: all 1s ease 0s;

  /*border: 1px solid #d2d2d6;*/

  box-shadow: 0px 0px 3px 3px #81b5d8;

}



#city-content .city-business-middle ul.business-ul li:first-child {

  margin-left: 10px;

}



#city-content .city-business-middle ul.business-ul li:hover img {

  transform: scale(1.1);

}



/* #city-content .city-business-middle ul.business-ul li:hover{

  border: 1px solid rgba(0,200,217,0.80);

  color: #fff;

  -webkit-box-shadow: 0px 0px 5px 10px rgba(0,0,0,1.00);

  box-shadow: 0px 0px 10px 10px #d5dbfb;

} */

.business-ul li a {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.business-ul li a h2 {

  font-size: 18px;

  font-weight: normal;

  margin-top: 10px;

  color: #333333;

  text-align: center;

}



.business-ul li a p {

  width: 90%;

  margin: 15px auto 0;

  color: #999999;

  font-size: 14px;

  line-height: 18px;

  text-align: center;

}



.city-business-map {

  display: block;

  width: 200px;

  height: 135px;

  margin: 10px auto 0;

  transition: all 1s;

}



/* #city-content .city-business-middle ul.business-ul li img{width:140px;height:140px;display:block; margin:0 auto;border:4px solid #343851; border-radius:82px;}

#city-content .city-business-middle ul.business-ul li dd{font-size:20px;width:250px;line-height:60px;text-align:center;border-bottom:1px solid #6C6E85;}

#city-content .city-business-middle ul.business-ul li p{font-size:16px; text-align:center;width:260px; line-height:24px;margin-top:10px;}

#city-content .city-business-middle ul.business-ul li a{display:block;background:url(images/solution/s/jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;}

#city-content .city-business-middle ul.business-ul li a:hover{background:url(images/solution/s/jiantou2.png);} */

#city-content .city_but_left {

  width: 50px;

  height: 100px;

  position: absolute;

  top: 136px;

  left: 0px;

}



#city-content .city_but_right {

  width: 50px;

  height: 100px;

  position: absolute;

  top: 136px;

  right: 20px;

}



/* #city-content .city_but_left:hover{background:url(images/solution/s/qianxleft1.png) no-repeat;}

#city-content .city_but_right:hover{background:url(images/solution/s/qianxr1.png) no-repeat;} */



/* ���з�վ   ���ǵ���������� */

.city-service {

  width: 1200px;

  margin: 60px auto 0;



}



.city-service h2 {

  font-size: 28px;

  font-weight: 500;

  text-align: center;

}



.city-service h3 {

  font-size: 16px;

  font-weight: 500;

  text-align: center;

  color: #666666;

  line-height: 20px;

}



.city-service-content {

  width: 100%;

  margin-top: 30px;

}



.city-service-content-left {

  width: 25%;

  height: 400px;

  float: left;

}



.city-service-content-left ul {

  width: 100%;

  height: 400px;

}



.city-service-content-left ul li {

  width: 90%;

  height: 100px;

  margin: 0 auto 50px;

  background-color: #f5f5f5;

}



.city-service-active {

  background-color: #046eb8 !important;

}



.city-service-active h2 {

  width: 100% !important;

  text-align: center !important;

  color: #fff !important;

  margin: 25px 0 0 !important;

  background: none !important;

}



.city-service-left-list h2:first-child {

  float: left;

  width: 12%;

  height: 50px;

  background: url(images/solution//city-content-service-icon2.png) no-repeat center center;

  background-size: 27px 23px;

  margin-left: 20%;

  margin-top: 20px;

}



.city-service-left-list h2:nth-child(2) {

  float: left;

  width: 60%;

  height: 40px;

  margin-left: 5%;

  text-align: left;

  margin-top: 20px;

  color: #666666;

}



.city-service-content-middle {

  width: 50%;

  height: 400px;

  float: left;

  background: url(images/solution//city-service-beijing.png) no-repeat;

  background-size: 100% 100%;

}



.city-service-middle {

  width: 80%;

  height: 150px;

  margin: 125px auto 0;

}



.city-service-middle-title p:first-child {

  float: left;

  height: 40px;

  width: 40px;

  background: url(images/solution//city-content-service-icon1.png) no-repeat center center;

  background-size: 28px 22px;

  margin-left: 20%;

}



.city-service-middle-title p:nth-child(2) {

  width: 50%;

  height: 40px;

  text-align: left;

  float: left;

  color: #fff;

}



.city-service-middle-text {

  width: 80%;

  color: #ffffff;

  margin-left: 20%;

  margin-top: 10px;

  font-size: 16px;

  line-height: 22px;

}



.city-service-content-right {

  width: 25%;

  height: 400px;

  float: left;

}



.city-service-content-right ul {

  width: 100%;

  height: 400px;

}



.city-service-content-right ul li {

  width: 90%;

  height: 100px;

  margin: 0 auto 50px;

  background-color: #f5f5f5;

}



.city-service-right-list h2:first-child {

  float: left;

  width: 12%;

  height: 50px;

  background: url(images/solution//city-content-service-icon2.png) no-repeat center center;

  background-size: 27px 23px;

  margin-left: 20%;

  margin-top: 20px;

}



.city-service-right-list h2:nth-child(2) {

  float: left;

  width: 60%;

  height: 40px;

  margin-left: 5%;

  text-align: left;

  margin-top: 20px;

  color: #666666;

}



.city-service-bottom {

  width: 100%;

  height: 150px;

}



.city-service-bottom ul {

  width: 100%;

  height: 200px;

  display: flex;

  justify-content: space-between;

  margin: 20px auto 0;

}



.city-service-bottom-list {

  width: 15%;

  height: 200px;

}



.city-service-bottom-list div {

  width: 62px;

  height: 66px;

  margin: 15px auto 0;

}

.city-service-map1{

  background: url(images/solution//city-service-map.png);

  background-position: -47px 0px;

}

.city-service-map2{

  background: url(images/solution//city-service-map.png);

  background-position: -255px 0px;

}

.city-service-map3{

  background: url(images/solution//city-service-map.png);

  background-position: -465px 0px;

}

.city-service-map4{

  background: url(images/solution//city-service-map.png);

  background-position: -680px 0px;

}

.city-service-map5{

  background: url(images/solution//city-service-map.png);

  background-position: -875px 0px;

}

.city-service-map6{

  background: url(images/solution//city-service-map.png);

  background-position: -1090px 0px;

}



.city-service-bottom-list h2 {

  font-size: 22px;

  margin-top: 10px;

}



.city-service-bottom-list p {

  font-size: 14px;

  text-align: center;

  color: #999999;

}



/* ���з�վ    Ӧ�÷��� */

.city-programme {

  width: 1200px;

  margin: 60px auto 0;

}



.city-programme h2 {

  font-size: 28px;

  font-weight: 500;

  text-align: center;

}



.city-programme h3 {

  font-size: 20px;

  font-weight: 500;

  text-align: center;

  color: #999999;

  line-height: 20px;

}



.city-programme-content {

  width: 100%;

  height: 700px;

  background: url(images/solution//city-programme-beijing.png) no-repeat;

  background-size: 100% 100%;

  margin-top: 30px;

  position: relative;

}



.city-programme-left {

  width: 47%;

  position: absolute;

  left: 3%;

  top: 95px;

}



.city-programme-left-list {

  width: 100%;

  height: 90px;

  margin-bottom: 15px;

}

.city-programme-left-list:hover h2{

  color:#046eb8;

}

.city-programme-left-list:hover p{

  color:#046eb8;

}



.city-programme-left-list a {

  display: block;

  width: 100%;

  height: 100%;

}



.city-programme-left-list a img {

  display: block;

  width: 5%;

  height: 30px;

  margin-top: 25px;

  margin-left: 10%;

  float: left;

}



.city-programme-left-list a div {

  width: 70%;

  height: 80px;

  float: left;

  margin-top: 5px;

}



.city-programme-left-list a div h2 {

  width: 90%;

  margin: 0 auto;

  font-size: 22px;

  color: #666666;

  text-align: left;

}



.city-programme-left-list a div p {

  width: 90%;

  margin: 0 auto;

  color: #999999;

  line-height: 18px;

  font-size: 14px;

}



.city-programme-right {

  width: 45%;

  height: 650px;

  position: absolute;

  left: 52%;

  top: 25px;

}



.city-programme-left-list1 a div h2 {

  color: #fff;

}



.city-programme-left-list1 a div p {

  color: #f2f2f2;

}



/* ���з�վ  ��ҵ���� */

.city-enterprise h2 {

  font-size: 28px;

  font-weight: 500;

  text-align: center;

  color: #000000;

}



.city-enterprise h3 {

  font-size: 20px;

  font-weight: 500;

  text-align: center;

  color: #999999;

  line-height: 20px;

}



/* ���з�վ  ����Ӫ���ײ��ʷѱ�׼ */

.city-postage {

  width: 100%;

  /*height: 400px;*/

  background-color:#f5f5f5;

  overflow:hidden;

  padding-bottom:20px;

}



.city-postage h2 {

  font-size: 28px;

  font-weight: 500;

  text-align: center;

  color: #000000;

   margin-top:30px;

}



.city-postage h3 {

  font-size: 16px;

  font-weight: 500;

  text-align: center;

  color: #666666;

  line-height: 20px;

}



.city-postage ul {

  width: 1200px;

  height: 275px;

  margin: 40px auto 0;

  display: flex;

  justify-content: space-between;

}



.city-postage-list {

  width: 18%;

  height: 260px;

  background-color: #fff;

}



.city-postage-list h2 {

  font-size: 18px;

  margin-top: 10px;

}



.city-postage-list h3 {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  background-color: #046eb8;

  line-height: 80px;

  color: #fff;

  margin: 10px auto 0;

}



.city-postage-list-text {

  color: #666666;

  text-align: center;

  margin-top: 10px;

  font-size: 16px;

}



.city-postage-price {

  color: #ed2020;

  font-size: 18px;

  text-align: center;

}



.city-postage-buy {

  display: block;

  width: 70%;

  height: 40px;

  background-color: #046eb8;

  margin: 5px auto 0;

  font-size: 16px;

  color: #fff !important;

  text-align: center;

  line-height: 40px;

  border-radius: 5px;

}



.city-postage-buy:hover {

  background-color: #47bdf4;

}



/* ���з�վ   ʹ������ */

.city-process {

  width: 1200px;

  margin: 20px auto 0;

}



.city-process h2 {

  font-size: 28px;

  font-weight: 500;

  text-align: center;

  color: #000000;

}



.city-process h3 {

  font-size: 20px;

  font-weight: 500;

  text-align: center;

  color: #999999;

  line-height: 20px;

}



.city-process-content {

  width: 100%;

  margin: 30px auto 0;

}



.city-process-list {

  width: 9%;

  height: 150px;

  float: left;

}



.city-process-list a {

  display: block;

  width: 100%;

  height: 100%;

}



.city-process-list a img {

  display: block;

  width: 100%;

  height: 105px;

  margin: 0 auto 0;

  transition: all 1s;

}



.city-process-list a h2 {

  font-size: 20px;

  margin-top: 10px;

}



.city-process-list:hover .city-process-map {

  transform: scale(1.1);

}



.city-process-list1 {

  width: 9%;

  height: 150px;

  float: left;

}



.city-process-list1 img {

  width: 100%;

  height: 17px;

  margin: 50px auto 0;

}



/* ���з�վ   �������� */

.city-case {

  width: 1200px;

  margin: 50px auto 0;

}



.city-case h2 {

  font-size: 28px;

  font-weight: 500;

  text-align: center;

  color: #000000;

}



.city-case h3 {

  font-size: 16px;

  font-weight: 500;

  text-align: center;

  color: #666666;

  line-height: 20px;

}



.city-case ul {

  width: 100%;

  height: 130px;

  display: flex;

  justify-content: space-around;

  margin-top: 30px;

}



.city-case ul li {

  width: 18%;

  height: 130px;

}



.city-case ul li img {

  width: 100%;

  height: 100%;

}



.city-case ul li:hover {

  box-shadow: 0 0 5px 5px #81b5d8;

}

/* ���з�վ  �����ܻ���Ҫ */

.city-need {

  width: 100%;

  margin: 30px auto 0;

  background-color: #f5f5f5;

  overflow: hidden;

}



.city-need h2 {

  font-size: 28px;

  font-weight: 500;

  text-align: center;

  color: #000000;

  margin-top: 30px;

}



.city-need h3 {

  font-size: 16px;

  font-weight: 500;

  text-align: center;

  color: #666666;

  line-height: 20px;

}



.city-need-content {

  width: 1200px;

  margin: 30px auto 20px;

}



.city-need-content ul {

  width: 100%;

  display: flex;

  justify-content: space-between;

}



.city-need-list {

  width: 280px;

  overflow: hidden;

  background-color: #fff;

  margin-bottom:10px;

}



.city-need-title {

  font-size: 20px;

  margin-top: 10px;

}



.city-need-title span {

  color: #333333;

  margin-left: 5%;

}



.city-need-title a {

  color: #999999;

  margin-left: 38%;

}



.city-need-title a:hover {

  color: #337AB7;

}



.city-need-map {

  display: block;

  width: 350px;

  height: 115px;

  margin: 0 auto;

}



.city-need-list ul {

  width: 90% !important;

  height: 150px;

  margin: 0 auto;

  display: block;

}



.city-need-list1 {

  width: 100%;

  height: 35px;

  margin: 0 auto;

  font-size: 14px;

  color: #666666;

  line-height: 35px;

}



.city-need-list1 a {

  display: block;

  width: 100%;

  height: 40px;

  cursor: pointer;

}



.city-need-list1 p {

  float: left;

}



.city-need-list1:hover {

  color: #337AB7;

}



.city-need-list1 p:first-child {

  width: 71%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.city-need-list1 p:nth-child(2) {

  width: 29%;

white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}





/* ���ż۸񵼺� */

.price-nav {

  width: 1200px;

  height: 50px;

  margin: 0 auto;

}



.price-nav p{

  font-size: 18px;

  color: #000;

  width: 80%;

  font-weight: 600;

  line-height: 50px;

}

.price-nav p a:hover{

  color: #000;

}



/*����ģ�嵼��*/

.allactive {

	background-color: #046eb8;

	border: 1px solid #046eb8;

        color:#fff  !important;

}



/* ����ģ�� */

.duanxin-muban{

  float: left;

  margin-top: 20px;

  margin-left: 4%;

}

.hangye-nav-left{

  height: 820px;

  width: 50px;

  /* border: 1px solid red; */

  float: left;

  background: url(images/solution//hangye-nav-left.png) no-repeat;

  margin-left: 4%;



}

.hangye-nav-right{

  float: left;

}

.muban-beijing{

 width:100%;

background-color: #f5f5f5;

 overflow:hidden;

}



/*����ģ�����������*/

.top {

	background-color: #fff;

	/* border: 1px solid #D4D4D4; */

  /* height: 220px; */

  height: 45px;

	margin-bottom: 20px;

}

 .top .sreach {

	padding: 38px 20px;

}



 .top .sreach .box {

	border: 1px solid #D4D4D4;

	border-radius: 5px;

	overflow: hidden;

	height: 42px;

	line-height: 40px;

	padding: 0 10px;

	font-size: 0;

}



 .top .sreach .box input {

  vertical-align: middle;

  display: inline-block;

  border: 0;

  height: 39px;

  font-size: 14px;

  outline: 0;

}



.top .sreach .box input[type="text"] {

	width: 160px;

}

.top .sreach .box input[type="submit"] {

	width: 36px;

	background-color: none;

	background: url(images/solution//6-6.jpg) center center no-repeat;

}













/* ��Ʒ����   ʹ�ð��� */

.superior-added{

  width: 100%;

  /* height: 600px; */

  margin-top: 30px;

  overflow: hidden;

  padding-bottom:20px;

}

.superior-added-content{

  width: 1200px;

  height: 636px;

  margin: 30px auto 0;

  background: url(images/solution//superior-added-beijing.png) no-repeat;

  background-position: center center;

  margin-bottom:30px;

}

.superior-added-left{

  float: left;

  width: 30%;

  height: 630px;

  margin-left: 7%;

}

.superior-added-list img{

  width: 100%;

  height: 100%;

}

.superior-added-list{

  width: 145px;

  height: 138px;

  

}

.superior-added-list1{

  margin-left: 40%;

  margin-top: 50px;

}

.superior-added-list2{

  margin-left: 15%;

  margin-top: 30px;

}

.superior-added-list3{

  margin-left: 40%;

  margin-top: 30px;

}



.superior-added-middle{

  float: left;

  width: 269px;

  height: 479px;

  margin-top: 76px;

  margin-left: 21px;

  position: relative;

}

.superior-added-middle img{

  width: 269px;

  height: 479px;

}

.superior-added-middle video{

  width: 75%;

  height: 171px;

  object-fit:fill;

  position: absolute;

  left: 4%;

  top: 115px;

  border-radius: 5px;

}





.superior-added-right{

  float: left;

  width: 30%;

  height: 630px;

  margin-left: 7%;

}

.superior-added-list img{

  width: 100%;

  height: 100%;

}

.superior-added-list{

  width: 145px;

  height: 138px;

  

}

.superior-added-list4{

  margin-left: 3%;

  margin-top: 50px;

}

.superior-added-list5{

  margin-left: 28%;

  margin-top: 30px;

}

.superior-added-list6{

  margin-left: 3%;

  margin-top: 30px;

}

.superior-added h2{

  text-align: center;

    font-size: 28px;

    color: #333333;

    font-weight: normal;

    margin-top: 20px;

}

.superior-added-list6 a{

  display: block;

  width: 100%;

  height: 100%;

}





/* ��Ʒ����   banner�� */

.superior-top{

  width: 500px;

  margin-top: 27px;

  height: 200px;

  margin-left: 20%;

  overflow: hidden;

}

.superior-top h2{

  font-size: 42px;

  letter-spacing:6px

}

.superior-top p{

  font-size: 20px;

  letter-spacing:3px;

}

.superior-top a{

  display: block;

  width: 40%;

  height: 38px;

  border: 1px solid #ffffff;

  border-radius: 30px;

  font-size: 16px;

  line-height: 36px;

  text-align: center;

  margin-top: 20px;

}

.superior-top a:hover{

  background-color: #ffffff;

  color: #172a88;

  

}







/* �������ҳ��   ʹ�ð���*/

.solute_7{

  width: 100%;

  /* height: 600px; */

  overflow: hidden;

}

.solute_7 h2{

  color: #046eb8;

  font-size: 28px;

  text-align: center;

    margin-bottom: 20px;

    font-weight: 500;

}

.it-solute{

  width: 1200px;

  /* height: 500px; */

  margin: 0 auto;

}

.it-solute-left{

  width: 40%;

  height: 650px;

  background: url(images/solution//solute-beijing.png) no-repeat;

  background-position: center center;

  position: relative;

  float: left;

}

.it-solute-text{

  width: 39%;

  border: 1px solid red;

  padding: 10px 10px;

  margin-top: 215px;

  margin-left: 26%;

  border-radius: 5px;

  text-align: justify;

  border: 1px solid #cccccc;

}

.it-solute-right{

  width: 60%;

  height: 650px;

  float: left;

  /* margin-left: 5%; */

}

.it-solute-right ul{

  width: 100%;

  height: 400px;

  margin-top: 125px;

  /* display: flex;

  display: -webkit-flex;

  justify-content: space-around;

  flex-direction: row;

  flex-wrap: wrap; */

}

.it-solute-list{

  display: inline-block;

    border: 1px solid #046eb8;

    width: 115px;

    height: 115px;

    border-radius: 100%;

    box-shadow: 0 0 10px rgba(127,169,217,0.3);

    font-size: 16px;

    color: #046eb8;

    text-align: center;

    line-height: 115px;

    margin: 0 30px 30px;

    cursor: pointer;

}

.it-solute-listhover{

  display: inline-block;

  border: 1px solid #046eb8;

  width: 115px;

  height: 115px;

  border-radius: 100%;

  box-shadow: 0 0 10px rgba(127,169,217,0.3);

  font-size: 16px;

  color: #ffffff;

  text-align: center;

  line-height: 115px;

  margin: 0 30px 30px;

  cursor: pointer;

  background: #046eb8;

}









/* ��ҳ  ��ѡҵ��ڶ��� */

.home-business{

  width: 100%;

  /* height: 400px; */

  overflow: hidden;

}

.home-business-content{

  width: 1200px;

  height: 320px;

  margin: 30px auto 0;

}

.home-business-content ul{

  width: 100%;

  display: flex;

  display: -webkit-flex;

  justify-content: space-between;

  flex-direction: row;

  flex-wrap: wrap;

}

.home-business-list{

  width: 20%;

  height: 270px;

  border: 1px solid #046eb8;

}

.home-business-list h2{

  color: #046eb8;

  font-size: 20px;

  text-align: center;

  margin-top: 10px;

}

.home-business-list img{

  display: block;

  width: 92px;

  height: 83px;

  margin: 10px auto 0;

}

.home-business-list p{

  width: 80%;

  margin: 10px auto 0;

  text-align: center;

  color: #046eb8;

  line-height: 20px;

}

.home-business-list a{

  display: block;

  width: 50%;

  height: 30px;

  border: 1px solid #046eb8;

  font-size: 14px;

  color: #046eb8;

  margin: 10px auto 0;

  text-align: center;

  line-height: 28px;

}





/* ��ҳ ��Ӫҵ�� */

.yewu-beijing1{

  background: url(images/solution//empty-space-yingxiao.png) no-repeat;

  background-size: 100% 100%;

}

.yewu-beijing2{

  background: url(images/solution//empty-space-tongzhi.png) no-repeat;

  background-size: 100% 100%;

}

.yewu-beijing3{

  background: url(images/solution//empty-space-yanzheng.png) no-repeat;

  background-size: 100% 100%;

}

.yewu-beijing4{

  background: url(images/solution//empty-space-caixin.png) no-repeat;

  background-size: 100% 100%;

}

.yewu-beijing5{

  background: url(images/solution//empty-space-shipin.png) no-repeat;

  background-size: 100% 100%;

}

.empty-space hr{

  height: 3px;

  background-color: #ffffff;

  width: 30%;

  margin: 20px auto 0;

}

.active-hover-bottom-content img{

  display: block;

  width: 70px;

  height: 70px;

  margin: 70px auto 0;

}

.active-hover-bottom-content h3 {

  text-align: center;

  font-size: 24px;

  color: #ffffff;

  margin-top: 10px;

}

.active-hover-bottom-content hr{

  height: 3px;

  background-color: #ffffff;

  width: 15%;

  margin: 10px auto 0;

}



/* ��ҳ  ���ǵ����Ƶڶ��� */

.home-youshi{

  width: 100%;

  overflow: hidden;

}

.home-youshi-content{

  width: 1200px;

  height: 550px;

  margin: 30px auto 0;

}

.home-youshi-content ul{

  width: 100%;

  height: 570px;

  display: flex;

  display: -webkit-flex;

  justify-content: space-between;

  flex-direction: row;

  flex-wrap: wrap;

}

.home-youshi-list{

  width: 22%;

  height: 250px;

  border: 1px solid #d9d9d9; 

}

.home-youshi-list:hover{

  

  box-shadow: 0 0 5px 5px #046eb8bf;

}

.home-youshi-list img{

  display: block;

  width: 60px;

  height: 60px;

  margin: 20px auto 0;

}

.home-youshi-list h2{

  font-size: 20px !important;

  color: #333333 !important; 

  text-align: center;

  font-weight: 500 !important;

  margin-top: 10px !important;

}

.home-youshi-list hr{

  width: 15%;

  height: 3px;

  background-color: #004fa0;

  margin: 5px auto 0;

}

.home-youshi-list p{

  width: 80%;

  font-size: 16px;

  color: #666666;

  text-align: center;

  margin: 10px auto 0;

}



/* ��ҳ  ��������ڶ��� */

.solution-content{

  width: 100%;

  margin-top: 30px;

  overflow: hidden;

 background-color:#f5f5f5;

}



#persons {

  position: relative;

  width: 1200px;

  margin: 30px auto 0;

  transform: translateZ(0);

}



#persons .swiper-container {

  padding-bottom: 60px;

}



#persons .swiper-slide {

  width: 540px;

  height: 450px;

}

.swiper-slide-map{

  width: 100%;

  height: 100%;

}



#persons .swiper-slide .text {

  position: absolute;

  left: 2%;

  top: 8%;

  width: 98%;

  margin: 0 auto;

  clear: both;

  overflow: hidden;

}



#persons .swiper-slide .text img {

  float: left;

  width: 43%;

  height: 350px;

  border: 2px solid #ededed;

  margin-left: 4%;

  margin-top:10px;

}





.swiper-slide-left{

  float: left;

  width: 47%;

  height: 350px;

  /* border: 1px solid red; */

  border-right: 2px solid #ffffff;

  position: relative;

}

.swiper-slide-left{

  float: left;

  width: 47%;

  height: 350px;

  margin-top:10px;

}



.swiper-slide-left h2{

  width: 90%;

  margin: 20px auto 0 !important;

  font-size: 26px;

  color: #ffffff !important;

  text-align:left !important;

}

.swiper-slide-left p{

  width: 90%;

  color: #ffffff;

  font-size: 18px;

  margin: 35px auto 0;

  line-height: 30px;

  letter-spacing: 1px;

}

#persons{position:relative;}

#persons .swiper-pagination {

  width: 100%;

  bottom: 20px;

}



#persons .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 5px;

  background-color: #d5d5d5;

  width: 10px;

  height: 10px;

  opacity: 1;

}



#persons .swiper-pagination-bullets .swiper-pagination-bullet-active {

  border: 3px solid #00aadc;

  background-color: #00aadc;

}



#persons .swiper-button-prev {

  left: 40px;

  top: 40%;

  width: 45px;

  height: 45px;

}



#persons .swiper-button-prev:hover {

  background-position: 0 -46px;

  background-size: 100%

}



#persons .swiper-button-next {

  right: 40px;

  top: 40%;

  width: 45px;

  height: 45px;

}

.xsl_left{

  height:350px !important;

  width:230px !important;

  position:absolute !important;

  top:68px !important; 

  left:105px !important; 

  z-index:1 !important;

  opacity:0 !important;

  filter:alpha(opacity=0)!important;

}

.xsl_right{

  height:350px !important;

  width:230px !important;

  position:absolute !important;

  top:68px !important; 

  right:105px !important;

  z-index:1 !important;

  opacity:0 !important;

  filter:alpha(opacity=0) !important;

  }

  .swiper-slide-btn{

    display: block;

    width: 60%;

    height: 40px;

    border: 1px solid red;

    font-size: 16px;

    color: #ffffff !important;

    border: 1px solid #fff;

    line-height: 38px;

    text-align: center;

    position: absolute;

    left: 20%;

    bottom: 20px;

  } 

  .swiper-slide-btn:hover{

    background: #ffffff;

    color: #046eb8 !important;

  }









/* ��ҳ   ������Ѷ�ڶ��� */

.home-news{

  width: 100%;

  overflow: hidden;

  margin-top: 10px;

  /*background-color: #f5f5f5;*/

}

.home-news-content{

  width: 1200px;

  margin: 30px auto 0;

}

.home-news-content ul{

  width: 100%;

  height: 600px;

  display: flex;

  display: -webkit-flex;

  justify-content: space-between;

  flex-direction: row;

  flex-wrap: wrap;

  padding-bottom:20px;

}

.home-news-list{

  width: 48%;

  height: 270px;

  background-color: #ffffff;

  border:1px solid #ededed;

  box-shadow: 0px 0px 20px 0px #e5e5e5;

}

.home-news-title{

  font-size: 20px !important;

  color: #333333 !important;

  padding-left: 2% !important;

  text-align:left !important;

  margin-top:10px !important;

}

.home-news-left{

  width: 40%;

  height: 180px;

  float: left;

  margin-top: 5px;

  margin-left: 1%;

}

.home-news-left img{

  width: 100%;

  height: 100%;

}

.home-news-right{

  width: 58%;

  height: 215px;

  float: left;

  margin-left: 1%;

}

.page-news-title {

  width: 72%;

  font-size: 16px;

  overflow: hidden;

	text-overflow:ellipsis;

  white-space: nowrap;

  float: left;

  margin-top: 5px;

  margin-left:1%;

}

.page-news-title a{

  color: #666666;

}

.page-news-title a:hover{

  color: #47bdf4;

}



.page-news-time {

  width: 27%;

  font-size: 16px;

  color: #666666;

  float: left;

  margin-top: 5px;

}

.home-news-more{

  display: block;

  width: 40%;

  height: 30px;

  border: 1px solid #046eb8;

  color: #046eb8 !important;

  font-size: 16px;

  line-height: 30px;

  text-align: center;

  border-radius: 40px;

  margin-left: 30%;

  margin-top: 10px;

}

.home-news-more:hover{

  color: #ffffff !important;

  background-color:#046eb8;

}



.home-youshi h2 {

  margin-top: 40px;

  text-align: center;

  font-size: 28px;

  color: #333333;

  font-weight: normal;

}

.solution-content h2 {

  margin-top: 40px;

  text-align: center;

  font-size: 28px;

  color: #333333;

  font-weight: normal;

}

.home-hezuo h2 {

  margin-top: 20px;

  text-align: center;

  font-size: 28px;

  color: #333333;

  font-weight: normal;

}

.home-news h2 {

  margin-top: 30px;

  text-align: center;

  font-size: 28px;

  color: #333333;

  font-weight: normal;

}



.links a:hover{

  color:#fff;

}



/* ��������ҳ��   ��ҵ�Ļ� */

.about-culture{

  width: 100%;

  margin-top: 40px;

  background-color: #f5f5f5;

  overflow: hidden;

  padding-bottom: 40px;

}

.about-culture h2{

  font-size: 28px;

  font-weight: 400;

  color: rgba(51, 51, 51, 1);

  text-align: center;

  margin-top: 40px;

}

.about-culture-content{

  width: 1200px;

  margin: 30px auto 0;

}

.about-culture-content ul{

  width: 100%;

  display: flex;

  justify-content: space-between;

}

.about-culture-list{

  width: 22%;

  height: 280px;

  text-align: center;

  background-color: #ffffff;

}

.about-culture-list img{

  display: block;

  width: 88px;

  height: 88px;

  margin: 30px auto 0;

}

.about-culture-list h3{

  

  font-size: 18px;

  margin-top: 20px;

}

.about-culture-list hr{

  width: 15%;

  height: 3px;

  background-color: #046eb8;

  margin: 10px auto 0;

}

.about-culture-list p{

  width: 91%;

  color: #666;

  font-size: 16px;

  margin: 15px auto 0;

}



/* ��������ҳ�� ������������ */

.about-join{

  width: 100%;

  overflow: hidden;

  padding-bottom: 20px;



}

.about-join h2{

  font-size: 28px;

  font-weight: 400;

  color: rgba(51, 51, 51, 1);

  text-align: center;

  margin-top: 40px;

}

.about-join-content{

  width: 1200px;

  margin: 30px auto 0;

}

.aboutJoin .t1 {

	width: 365px;

}



.aboutJoin .t2 {

	width: 314px;

}



.aboutJoin .t3 {

	width: 305px;

}



.aboutJoin .t4 {

	width: 168px;

	color: #999;

	font-size: 14px;

}



.aboutJoin .t5 {

	width: 18px;

	height: 30px;

	background: url(images/solution//7-9.png) center center no-repeat;

	cursor: pointer;

	transition: all 0.3s linear;

}



.aboutJoin .t5.on {

	transform: rotate(180deg);

}



.aboutJoin .top {

	position: relative;

	padding: 20px 0 30px 30px;

  line-height: 30px;

  height: 60px;

	font-size: 18px;

  border-bottom: 1px solid #D4D4D4;

  box-sizing: border-box;

}



.aboutJoin .top:before {

	position: absolute;

	width: 16px;

	height: 16px;

	background-color: #1258AA;

	content: "";

	left: 0;

	top: 60%;

	margin-top: -8px;

	border-radius: 50%;

}



.aboutJoin .inner {

	padding: 10px;

	line-height: 2;

	display: none;

	border-bottom: 1px solid #D4D4D4;

}

.about-jion-header{

  width: 100%;

  padding-bottom: 30px;

  border-bottom: 1px solid #e1e1e1;

}

.about-jion-header ul{

  width: 100%;

  display: flex;

  justify-content: space-around;

}

.about-join-list{

  width: 10%;

  height: 45px;

  background-color: #fafafa;

  font-size: 16px;

  color: #333333;

  text-align: center;

  line-height: 45px;

  border: 1px solid #d9d9d9;

}

.about-join-listhover{

  width: 10%;

  height: 45px;

  background-color: #046eb8;

  font-size: 16px;

  color: #ffffff;

  text-align: center;

  line-height: 45px;

  border: 1px solid #046eb8;

}

.about-join-middle{

  width: 100%;

  height: 40px;

  margin-top: 30px;

  position: relative;

}

.about-join-middle p{

  text-align: center;

  color: #666666;

  font-size: 18px;

}

.about-join-text1{

  width: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

}

.about-join-text2{

  width: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}

.about-join-text3{

  width: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}

.about-join-text4{

  width: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}

.about-join-text5{

  width: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}

.about-join-text6{

  width: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}

.inner-content{

  width: 100%;

  overflow: hidden;

  /* height: 150px; */

}

.inner-content-left{

  float: left;

  width: 48%;

  /* height: 150px; */

  border-right: 1px solid #e1e1e1;

  padding-right: 2%;

  padding-bottom: 10px;

}

.inner-content-left h2{

  text-align: left;

  font-size: 16px;

  color: #333333;

  margin: 0;

  margin-top: 10px;

  font-weight: 600;

}

.inner-content-left p{

  text-align: left;

  font-size: 14px;

  color: #666666;

  margin: 0;

  line-height: 25px;

}

.inner-content-right{

  float: left;

  width: 48%;

  height: 150px;

  margin-left: 2%;

}

.inner-content-right h2{

  text-align: left;

  font-size: 16px;

  color: #333333;

  margin: 0;

  margin-top: 10px;

  font-weight: 600;

}

.inner-content-right p{

  text-align: left;

  font-size: 14px;

  color: #666666;

  margin: 0;

  line-height: 25px;

}

.aboutBox{

  padding-bottom: 10px;

}

.about-join-bottom{

  width: 40%;

  height: 45px;

  margin: 0 auto;

  background-color: #046eb8;

  color: #ffffff;

  font-size: 20px;

  line-height: 45px;

  text-align: center;

}

.about-list-text1{

  display: block;

  float: left;

  width: 30px;

  height: 30px;

  margin-top: 7px;

  margin-left: 2%;

}

.about-anli{

  height:450px;

}