@charset "utf-8";

.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-color: #255ee5 !important;
  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/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/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/pre.png') no-repeat;
  margin: 200px 5px 0px 0px;
  cursor: pointer;
}

.imgmove #goright {
  float: left;
  width: 50px;
  height: 50px;
  background: url('../images/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/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/page-footer-nav.png);
  background-position:36px 0px;
  background-repeat: no-repeat;
}
.home-why2{
  float: left;
  width: 65px;
  height: 65px;
  background:url(../../../images/page-footer-nav.png);
  background-position:-270px 0px;
  background-repeat: no-repeat;
}
.home-why3{
  float: left;
  width: 65px;
  height: 65px;
  background:url(../../../images/page-footer-nav.png);
  background-position:-577px 0px;
  background-repeat: no-repeat;
}
.home-why4{
  float: left;
  width: 65px;
  height: 65px;
  background:url(../../../images/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: 30px;
}

.links ul {
  border-top: 1px solid #B5B5B5;
  padding-top: 30px;
}

.links ul li {
  float: left;
  margin-right: 20px;
}

.links a {
  color: #ccc;
}

.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;
  margin-right: 15px;
}

footer .fl ul li span {
  margin-right: 15px;
}

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/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/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/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/page-product-icon.png) no-repeat;
  background-size: 18px 18px;*/
  
}
.bangzhu-right-top-nav1{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px 0px;
}
.bangzhu-right-top-nav2{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px -37px;
}
.bangzhu-right-top-nav3{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px -74px;
}
.bangzhu-right-top-nav4{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px -111px;
}
.bangzhu-right-top-nav5{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px -148px;
}
.bangzhu-right-top-nav6{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px -185px;
}
.bangzhu-right-top-nav7{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px -222px;
}
.bangzhu-right-top-nav8{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px -259px;
}
.bangzhu-right-top-nav9{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px -297px;
}
.bangzhu-right-top-nav10{
 background: url(../../../images/bangzhu-tight-nav.png) no-repeat;
 background-position: 0px -334px;
}
.bangzhu-right-top-nav11{
 background: url(../../../images/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/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/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/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/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/jishu-right-nav.png) no-repeat;
  background-position: 0px 0px;
}
.template-right-nav2{
  background: url(../../../images/jishu-right-nav.png) no-repeat;
  background-position: 0px -38px;
}
.template-right-nav3{
  background: url(../../../images/jishu-right-nav.png) no-repeat;
  background-position: 0px -75px;
}
.template-right-nav4{
  background: url(../../../images/jishu-right-nav.png) no-repeat;
  background-position: 0px -112px;
}
.template-right-nav5{
  background: url(../../../images/jishu-right-nav.png) no-repeat;
  background-position: 0px -149px;
}
.template-right-nav6{
  background: url(../../../images/jishu-right-nav.png) no-repeat;
  background-position: 0px -186px;
}
.template-right-nav7{
  background: url(../../../images/jishu-right-nav.png) no-repeat;
  background-position: 0px -223px;
}
.template-right-nav8{
  background: url(../../../images/jishu-right-nav.png) no-repeat;
  background-position: 0px -260px;
}
.template-right-nav9{
  background: url(../../../images/jishu-right-nav.png) no-repeat;
  background-position: 0px -298px;
}
.template-right-nav10{
  background: url(../../../images/jishu-right-nav.png) no-repeat;
  background-position: 0px -335px;
}
.template-right-nav11{
  background: url(../../../images/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/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/jieshuzhichi-title-icon.png) no-repeat;
  background-size: 14px 19px;
  margin-right: 10px;
}



/* �ײ����������¼� */
.hualun{
  background-color: #255ee5 !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/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/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/guoji-duanxin-beijing.png) ;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.guoji-characteristic-left{
  width: 42%;
  height: 600px;
  background: url(../../../images/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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(../../../images/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/empty-space-yingxiao.png) no-repeat;
  background-size: 100% 100%;
}
.active-hover-bottomhover2{
  width: 100%;
  height: 100%;
  background: url(../../../images/empty-space-yanzheng.png) no-repeat;
  background-size: 100% 100%;
}
.active-hover-bottomhover3{
  width: 100%;
  height: 100%;
  background: url(../../../images/empty-space-tongzhi.png) no-repeat;
  background-size: 100% 100%;
}
.active-hover-bottomhover4{
  width: 100%;
  height: 100%;
  background: url(../../../images/empty-space-caixin.png) no-repeat;
  background-size: 100% 100%;
}
.active-hover-bottomhover5{
  width: 100%;
  height: 100%;
  background: url(../../../images/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/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/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/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/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/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/certificate-beijing.png);
  background-position:1px 1px;
  background-repeat: no-repeat;
}
.home-enterprise-map2{
  width: 317px;
  height: 422px;
  margin: 0 auto;
  background:url(../../../images/certificate-beijing.png);
   background-position:-375px 1px;
  background-repeat: no-repeat;
}
.home-enterprise-map3{
  width: 317px;
  height: 422px;
  margin: 0 auto;
  background:url(../../../images/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/home-hezuoanli.png);
  background-repeat: no-repeat;
  background-position: 0px -1px;  
}
.home-anli-list2{
  background-image: url(../../../images/home-hezuoanli.png);
  background-repeat: no-repeat;
  background-position: -249px -1px;  
}
.home-anli-list3{
  background-image: url(../../../images/home-hezuoanli.png);
  background-repeat: no-repeat;
  background-position: -494px -1px;  
}
.home-anli-list4{
  background-image: url(../../../images/home-hezuoanli.png);
  background-repeat: no-repeat;
  background-position: -739px -1px;  
}
.home-anli-list5{
  background-image: url(../../../images/home-hezuoanli.png);
  background-repeat: no-repeat;
  background-position: -984px -1px;  
}
.home-anli-list6{
  background-image: url(../../../images/home-hezuoanli.png);
  background-repeat: no-repeat;
  background-position: 0px -149px;  
}
.home-anli-list7{
  background-image: url(../../../images/home-hezuoanli.png);
  background-repeat: no-repeat;
  background-position: -249px -149px;  
}
.home-anli-list8{
  background-image: url(../../../images/home-hezuoanli.png);
  background-repeat: no-repeat;
  background-position: -494px -149px;  
}
.home-anli-list9{
  background-image: url(../../../images/home-hezuoanli.png);
  background-repeat: no-repeat;
  background-position: -739px -149px;  
}
.home-anli-list10{
  background-image: url(../../../images/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/home-article-beijing.png) no-repeat;*/
  background-size: 100% 100%;
}

.home-article-list1{
  width: 318px;
  height: 390px;
  float: left;
  /* background: url(../../../images/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/banner1.jpg) center center no-repeat;
   /* background-size: auto 100%;*/
   /* padding-top: 160px;*/
    color: #fff;

}

/* ������Ѷͷ��banner */
.zixunBanner {
	height: 550px;
    background: url(../../../images/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/header-duanxin-yewu.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon2{
   background-image:url(../../../images/header-duanxin-yingxiao.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon3{
   background-image:url(../../../images/header-duanxin-yanzheng.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon4{
   background-image:url(../../../images/header-yuyin-yanzheng.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon5{
   background-image:url(../../../images/header-guoji-duanxin.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon6{
   background-image:url(../../../images/header-caixin-yingxiao.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon7{
   background-image:url(../../../images/header-duanxin-tongzhi.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon8{
   background-image:url(../../../images/header-yuyin-tongzhi.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon9{
   background-image:url(../../../images/header-zhineng-duanxin.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon10{
   background-image:url(../../../images/header-shipin-duanxin.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon11{
   background-image:url(../../../images/header-fangan-zhengfu.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon12{
   background-image:url(../../../images/header-fangan-canyin.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon13{
   background-image:url(../../../images/header-fangan-shangchao.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon14{
   background-image:url(../../../images/header-fangan-qiche.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon15{
   background-image:url(../../../images/header-fangan-jiaotong.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon16{
   background-image:url(../../../images/header-fangan-wuliu.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon17{
   background-image:url(../../../images/header-fangan-jinrong.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon18{
   background-image:url(../../../images/header-fangan-jiaoyu.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon19{
   background-image:url(../../../images/header-fangan-it.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon20{
   background-image:url(../../../images/header-fangan-dianshang.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon21{
   background-image:url(../../../images/header-fangan-fangchan.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon22{
   background-image:url(../../../images/header-support-jishu.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon23{
   background-image:url(../../../images/header-support-muban.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon24{
   background-image:url(../../../images/header-support-zhinan.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon25{
   background-image:url(../../../images/header-support-jiekou.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon26{
   background-image:url(../../../images/header-support-bangzhu.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon27{
   background-image:url(../../../images/header-xinwen-gongsi.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon28{
   background-image:url(../../../images/header-xinwen-zixun.png) ;
  background-size: 30px 30px ;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-icon29{
   background-image:url(../../../images/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/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/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/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/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/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/details-beijing-list3.png) no-repeat;
  background-size: 100% 100%;
  
}

.details-middle-list2 {
  background: url(../../../images/details-beijing-list2.png) no-repeat;
  background-size: 100% 100%;
 
}

.details-middle-list3 {
  background: url(../../../images/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/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/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/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/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/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/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/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/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/qianxleft1.png) no-repeat;}
#city-content .city_but_right:hover{background:url(../images/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/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/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/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/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/city-service-map.png);
  background-position: -47px 0px;
}
.city-service-map2{
  background: url(../../../images/city-service-map.png);
  background-position: -255px 0px;
}
.city-service-map3{
  background: url(../../../images/city-service-map.png);
  background-position: -465px 0px;
}
.city-service-map4{
  background: url(../../../images/city-service-map.png);
  background-position: -680px 0px;
}
.city-service-map5{
  background: url(../../../images/city-service-map.png);
  background-position: -875px 0px;
}
.city-service-map6{
  background: url(../../../images/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/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/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(../../../theme/images/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/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/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/empty-space-yingxiao.png) no-repeat;
  background-size: 100% 100%;
}
.yewu-beijing2{
  background: url(../../../images/empty-space-tongzhi.png) no-repeat;
  background-size: 100% 100%;
}
.yewu-beijing3{
  background: url(../../../images/empty-space-yanzheng.png) no-repeat;
  background-size: 100% 100%;
}
.yewu-beijing4{
  background: url(../../../images/empty-space-caixin.png) no-repeat;
  background-size: 100% 100%;
}
.yewu-beijing5{
  background: url(../../../images/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/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;
}