@charset "utf-8";
/*首页*/
/* 首页banner */
.banner{
  width: 100%;
}
.banner video{
  width: 100%;
  height: auto;
}
.banner_font{
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0,0,0,.1);
  position: absolute;
  top: 0;
  left: 0;
}
#banner_canvas{
  float: left;
  margin-left: 56px;
  width: 800px;
  height: 300px;
  position: absolute;
}
#banner_canvas canvas {
  position: absolute;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
#banner_canvas img {
  transition: 0.2s;
  opacity: 0;
  position: absolute;
  filter: alpha(opacity=0);
}
/* 首页-我们的产品 */
.index_products{
  width: 100%;
  height: 1072px;
  background: #f8f8f8;
}
.ourProducts {
  text-align: center;
}
.ourProducts-title{
  font-size: 34px;
  font-weight: bold;
  color: #191919;
  padding-top: 100px;
}
.ourProducts-title-underline {
  width: 140px;
  height: 6px;
  background: #2E66D3;
  margin: 10px auto 0px;
}
.ourProducts-describe {
  width: 430px;
  height: 26px;
  margin: 30px auto 50px;
  font-weight: 400;
}
.ourProducts-describe span {
  font-size: 20px;
  color: #666666;
  float: left;
}
.ourProducts-describe a {
  font-size: 20px;
  color: #2357CE;
  float: right;
  position: relative;
}
.ourProducts-describe a img {
  position: absolute;
  top: 3px;
}
.ourProducts-items {
  width: 1200px;
  height: 700px;
  margin-bottom: 100px;
}
.ourProducts-items img{
  transition: all 0.6s ease 0s;
}
.ourProducts-items a{
  display: block;
  height: 220px;
  float: left;
  overflow: hidden;
  position: relative;
}
.ourProducts-items a span {
  font-size: 24px;
  font-weight: bold;
  left: 30px;
  color: #FFFFFF;
  top: 86px;
  display: block;
  z-index: 2;
  position: absolute;
}
.ourProducts-items a p {
  font-size: 16px;
  left: 30px;
  color: #FFFFFF;
  line-height: 22px;
  width: 70%;
  max-width: 350px;
  z-index: 2;
  position: absolute;
  top: 137px;
  text-align: left;
}
.ourProducts-items a:hover img {
  transform: scale(1.2);
  transition: all 0.6s;
}
.ourProducts1{
  width: 420px;
  margin-left: 0px;
  margin-top: 0px;
}
.ourProducts2{
  width: 420px;
  margin-left: 20px;
  margin-top: 0px;
}
.ourProducts3{
  width: 320px;
  margin-left: 20px;
  margin-top: 0px;
}
.ourProducts4{
  width: 760px;
  margin-left: 0px;
  margin-top: 20px;
}
.ourProducts5{
  width: 420px;
  margin-left: 20px;
  margin-top: 20px;
}
.ourProducts6{
  width: 285px;
  margin-left: 0px;
  margin-top: 20px;
}
.ourProducts7{
  width: 285px;
  margin-left: 20px;
  margin-top: 20px;
}
.ourProducts8{
  width: 590px;
  margin-left: 20px;
  margin-top: 20px;
}
/* 首页-新闻中心 */
.index_news{
  width: 100%;
  height: 794px;
}
.news {
  text-align: center;
  padding-top: 100px;
}
.news-title{
  font-size: 34px;
  font-weight: bold;
  color: #191919;
}
.news-title-underline {
  width: 110px;
  height: 6px;
  background: #2E66D3;
  margin: 10px auto 0px;
}
.news-describe {
  width: 460px;
  height: 26px;
  margin: 30px auto 50px;
  font-weight: 400;
}
.news-describe span {
  font-size: 20px;
  color: #666666;
  float: left;
}
.news-describe a {
  font-size: 20px;
  color: #2357CE;
  float: right;
  position: relative;
}
.news-describe a img {
  position: absolute;
  top: 3px;
}
.news-items {
  text-align: left;
  margin-bottom: 100px;
}
.news-items-title {
  font-size: 24px;
  font-weight: bold;
  padding-left: 30px;
  color: #FFFFFF;
  padding-top: 86px;
  display: block;
}
.news-items-describe {
  font-size: 16px;
  padding-left: 30px;
  color: #FFFFFF;
  line-height: 25px;
  font-weight: 400;
  display: inline-block;
  width: 270px;
}
.news-describe a img {
  position: absolute;
  top: 3px;
}
.news-content {
  margin-bottom: 100px;
}
.news-left,
.news-right {
  width: 385px;
  height: 427px;
  background: #F8F8F8;
  text-align: left;
  position: relative;
}
.news-left{
  float: left;
  margin-right: 22px;
  display: block;
}
.news-right {
  float: right;
}
.news-content h2{
  width: 90px;
  height: 34px;
  background: #2357CE;
  border-radius: 0px 0px 6px 0px;
  position: absolute;
  z-index: 1;
  display: block;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 34px;
  text-align: center;
}
.news-content .news-right h2{
  background: #01C1D8;
}
.news-right h2 a{
  display: block;
  width: 100%;
  height: 100%
}
.news-left-img {
  width: 100%;
  height: 256px;
  float: left;
  text-align: center;
  line-height: 256px;
  overflow:hidden;
}
.news-left-img img{
  max-width: 100%;
  max-height: 100%;
  vertical-align:middle;
  transition: all 0.6s ease 0s;
}
.news-left-img img:hover{
  transform: scale(1.2);
  transition: all 0.6s;
}
.news-left h1{
  font-size: 16px;
  font-weight: bold;
  color: #191919;
  width: 345px;
  float: left;
  margin-top: 15px;
  margin-left: 20px;
  line-height: 22px;
  height: 45px;
}
.news-left span {
  font-size: 16px;
  display: block;
  color: #999999;
  width: 345px;
  height: 20px;
  float: left;
  margin-top: 0;
  margin-left: 20px;
}
.news-left p {
  font-size: 14px;
  line-height: 22px;
  color: #666666;
  width: 345px;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
}
.news-right ul{
  float: left;
  margin-top: 40px;
  width: 345px;
  margin-left: 20px;
}
.news-right ul li{
  width: 100%;
  margin-top: 5px;
  height: 70px;
}
.news-right ul li a{
  display: block;
  width: 100%;
  line-height: 22px;
  font-size: 16px;
  color: #191919;
  font-weight: bold;
  float: left;
}
.news-right ul li span{
  display: block;
  width: 100%;
  height: 21px;
  line-height: 21px;
  font-size: 16px;
  color: #999999;
  float: left;
  margin-top: 5px;
}
/* 首页-解决方案 */
.index_jufa{
  width: 100%;
  height: 927px;
}
.jufa {
  width: 100%;
  height: 827px;
  background: url("../images/pic_index_jufa.jpg") no-repeat;
  background-position: center top;
  font-size: 34px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 100px;
}
@media screen and (min-width: 1921px) {
  .jufa{
    background-size: 100% 493px;
  }
}
.jufa-title {
  padding-top: 70px;
}
.jufa-title-underline {
  width: 110px;
  height: 6px;
  background: #CEDCFF;
  margin: 10px auto 0px;
}
.jufa-describe {
  width: 625px;
  height: 26px;
  font-size: 20px;
  margin: 30px auto 50px;
  font-weight: 400;
  color: #F8F8F8;
}
.jufa-describe span {
  font-size: 20px;
  color: #F8F8F8;
  float: left;
}
.jufa-describe a {
  font-size: 20px;
  color: #A5F5FF;
  float: right;
  position: relative;
}
.jufa-describe a img {
  position: absolute;
  top: 3px;
}
.jufa-content {
  width: 1200px;
  height: 590px;
  background: url("../images/pic_index_scheme_bg02.png") no-repeat;
  background-position: center bottom;
  margin: 0 auto;
  box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}
.jufa-content li {
  width: 260px;
  height: 240px;
  float: left;
  margin-top: 30px;
  margin-left: 32px;
}
.jufa-content li:hover {
  background: #F8F8F8;
}
.jufa-content li a{
  display: block;
  width: 100%;
  height: 100%;
}
.jufa-content li a img {
  width: 80px;
  height: auto;
  float: left;
  margin-top: 28px;
  margin-left: 91px;
}
.jufa-content li a span {
  display: block;
  float: left;
  width: 100%;
  height: 31px;
  line-height: 31px;
  font-size: 24px;
  font-weight: bold;
  color: #191919;
  margin-top: 20px;
  text-align: center;
}
.jufa-content li a p {
  float: left;
  line-height: 24px;
  height: 45px;
  font-size: 16px;
  color: #666666;
  font-weight: 400;
  width: 220px;
  margin-top: 14px;
  margin-left: 20px;
}
/*首页-合作伙伴+成功案例模块*/
.index_partner{
  width: 100%;
  height: 750px;
  background: url(../images/index_partnerbg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 1921px) {
  .index_partner{
    background-size: 100% 750px;
  }
}
.partner {
  text-align: center;
  margin-bottom: 80px;
  padding-top: 80px;
}
.partner-title{
  font-size: 34px;
  color: #191919;
  font-weight: normal;
}
.partner-title-warp {
  display: inline-block;
  margin: 0px 25px;
  cursor: pointer;
}
.partner-title-underline {
  width: 110px;
  height: 6px;
  background: #2E66D3;
  margin: 10px auto 0px;
}
.partner-describe {
  width: 625px;
  height: 26px;
  margin: 30px auto 50px;
  font-weight: 400;
}
.partner-describe span {
  font-size: 20px;
  color: #666666;
  float: left;
}
.partner-describe a {
  font-size: 20px;
  color: #2357CE;
  float: right;
  position: relative;
}
.partner-describe a img {
  position: absolute;
  top: 3px;
}
.partner_show_over{
  width: 1200px;
  height: 420px;
  overflow: hidden;
  margin: 0 auto;
}
.partner_show {
  width: 1200px;
  height: 420px;
  margin: 0 auto;
  overflow: hidden;
}
.partne_gundong img {
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

/* 新闻中心页 */
.news_banner{
  width: 100%;
  height: 400px;
  background: url(../images/bgnew05.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 1921px) {
  .news_banner{
    background-position: center center;
    background-size: 100%;
  }
}
.news_banner span{
  width: 500px;
  height: 60px;
  font-size: 50px;
  color: #fff;
  line-height: 60px;
  font-weight: bold;
  float: left;
  margin-top: 168px;
  margin-left: 657px;
}
.news_banner p{
  width: 500px;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  float: left;
  margin-top: 16px;
  margin-left: 657px;
}
.news_banner p em{
  color: #F61414;
  font-weight: bold;
  font-style: normal;
}
.news_body{ 
  width: 100%; 
  background: #f8f6f4; 
}
.news_wrap{ 
  width: 1200px; 
  margin: auto; 
  min-height: 650px;
  position: relative;
}
.news_nav{ 
  width:100%;
  height: 50px;
  background: #FFFFFF;
  box-shadow: 0px 6px 10px rgba(35, 87, 206, 0.1);
  text-align: center;
}
.news_nav a{
  display: inline-block;
  padding-left: 40px;
  padding-right: 40px;
  height: 50px;
  text-align: center;
}
.news_nav a span{
  display: inline-block;
  height: 47px;
  font-size: 16px;
  line-height: 50px;
  color: #666666;
}
.news_nav a p{
  width: 48px;
  height: 3px;
  background: #2357CE;
  margin: auto;
  display: none;
}
.news_nav .news_nav_selected p{
  display: block;
  color: #2357CE;
}
.news_nav .news_nav_selected span{
  color: #2357CE;
}
.news_nav a:hover p{
  display: block;
}
.news_nav a:hover span{
  color: #2357CE;
}
.news_row:after,.news_row:before{
  content:'';
  display:block;
  clear:both;
}
.news_wrap .cat{
  top: 20px;
  margin-left: -600px;
  z-index: 1;
}
.news_list{
  width: 1050px;
  float: right;
  margin-top: 40px;
  background: #fff;
  z-index: 2;
  position: relative;
}
.news_list_left{ 
  width:190px;
  float: left;
}
.news_list .news_circular{ 
  width: 22px; 
  height: 22px; 
  background:url(../images/yq.png) no-repeat center center;
  display: block; 
  position: absolute;
  margin-left: 178px;
  margin-top: 85px;
}
.news_list .news_arrow{
  width: 6px; 
  height: 12px; 
  overflow: hidden; 
  position: absolute; 
  margin-top: 91px;  
  margin-left: 225px; 
  z-index: 999;
}
.news_list .news_arrow span{
  width: 10px; 
  height: 10px; 
  background: #fff; 
  border: 1px solid #f8f6f4; 
  display: block; 
  padding: 0; 
  margin: 0;
  transform:rotate(45deg); 
  float: left;  
  margin-left: 3px;
}
.news_list .news_time{
  line-height: 194px; 
  text-align: center; 
  display: block; 
  padding: 0; 
  margin: 0; 
  color:#666; 
  font-size: 16px; 
  border-right: 1px solid #f8f6f4;
}
.news_right{ 
  float:left; 
  margin: 0 0 0 20px;
}
.news_list .news_right_show{
  border: 1px solid #f8f6f4; 
  width:790px; 
  margin-left:20px; 
  margin-bottom: 40px; 
  padding: 20px;
}
.news_list .news_right_show_img{
  width:223px; 
  height: 147px;
  float: left; 
  overflow: hidden;
  text-align: center;
  line-height: 147px;
}
.news_list .news_right_show_img img{
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.news_right_right{
  float: left; 
  width: 500px; 
  margin-left: 24px;
}
.news_list .news_right_show_title{ 
  color:#000; 
  font-size:24px; 
  margin: 10px 0 0 0;
}
.news_list .news_right_show_desc{ 
  color:#606266; 
  font-size:15px; 
  margin-top:10px; 
  line-height:26px; 
  height: 80px; 
  overflow:hidden;
}
.news_list li a:hover .news_circular{
  background:url(../images/yq1.png); 
}
.news_list li a:hover {
  color: #ffb762;
}
.news_list li a:hover .news_right_show,.news_list li a:hover .news_arrow span{
  border: 1px solid #ffb762; 
  background-color:#fff
}
/* 分页 */
#pages{
  margin-top: 0;
  height: 26px;
  line-height: 24px;
  width: 100%;
  font-size: 14px;
}
#pages{
  display: block;
  height: 26px;
  line-height: 24px;
  float: left;
  margin-left: 310px;
}
#pages div{
  height: 26px;
  line-height: 24px;
  color: #333333;
  font-size: 14px;
  width: 400px
}
#pages span{
  display: block;
  height: 26px;
  line-height: 20px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  color: #333333;
  font-size: 14px;
}
#pages a{
  display: block;
  height: 26px;
  line-height: 20px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  color: #333333;
  font-size: 14px;
}
#pages a:hover{
  background: #2357CE;
  cursor: pointer;
  color: #fff;
}
#fanye77832{
  height: 26px;
  line-height: 24px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
}
.pages_tiaozhuan{
  height: 26px;
  line-height: 24px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
}
.p_goto_input{
  width: 50px;
  height: 26px;
  line-height: 24px;
  outline: none;
  background: none;
  border: none;
  text-indent: 15px;
}
.pages_go{
  height: 26px;
  line-height: 24px;
  float: left;
  margin-left: 5px;
}
#gotopagebut{
  height: 26px;
  line-height: 24px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  display: block;
  float: left;
  color: #333333;
  font-size: 14px;
  margin-left: 5px;
  background: none;
  line-height: 20px;
}
#gotopagebut:hover{
  background: #2357CE;
  cursor: pointer;
  color: #fff;
}
#a77832GOPAGE{
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  float: left;
  width: 48px;
  height: 26px;
  text-indent: 8px;
  margin-left: 6px !important;
}

/* 新闻详情页 */
#font_size{
  min-height: 270px;
  margin-bottom: 50px;
}
.solutionConn{
  width: 100%;
  background: #f8f6f4;
}
.solutionnyConn{
  width: 1200px;
  margin: auto;
  position: relative;
}
.solutionnyConn .cat{
  top: 20px;
  margin-left: -600px;
  z-index: 1;
}
.news_show_wrap{
  width: 950px;
  float: left;
  margin-left: 50px;
  margin-top: 30px;
}
.text-indent{ 
  text-indent: 32px;
}
.solutionTitle{ 
  padding: 20px 0 30px 0;
  font-size: 28px;
  text-align: center;
}
.solutionIcon{
  width: 100%;
  height: 30px;
}
.show_left{
  float: left;
  height: 30px;
  line-height: 30px;
}
.show_right{
  float: right;
  height: 30px;
  line-height: 30px;
}
.show_right img{
  margin-top: -2px;
}
.solutionIcon span{
  color: #999;
}
.septum{
  height: 5px;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  width: 100%;
  margin: 20px 0;
}
.shou_prev,.shou_next{
  color: #333333;
  font-size: 14px;
}
.shou_prev:hover a,.shou_next:hover a{
  color: red;
}

/* 产品中心列表页 */
.products-center-banner {
  width: 100%;
  height: 400px;
  background: url("../images/bgnew02.jpg") no-repeat;
  background-position: center top;
}
@media screen and (min-width: 1921px) {
  .products-center-banner{
    background-position: center center;
    background-size: 100%;
  }
}
.products-center-banner-title{
  width: 500px;
  height: 60px;
  font-size: 50px;
  color: #fff;
  line-height: 60px;
  font-weight: bold;
  float: left;
  margin-top: 168px;
  margin-left: 657px;
}
.products-center-banner-subtitle{
  width: 300px;
  font-size: 20px;
  color: #fff;
  line-height: 28px;
  float: left;
  font-weight: bold;
  margin-top: 16px;
  margin-left: 657px;
}
.products-center-banner-more {
  width: 103px;
  height: 36px;
  background: #FFFFFF;
  border-radius: 20px;
  float: left;
  margin-top: 12px;
  margin-left: 20px;
  display: block;
}
.products-center-banner-more span{
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  color: #2357CE;
  display: block;
  width: 62px;
  float: left;
  margin-left: 15px;
}
.products-center-banner-more img {
  float: left;
  margin-top: 15px;
}
.product-list-content-blue-more {
  display: block;
  width: 110px;
  height: 36px;
  background: #2357CE;
  border-radius: 20px;
}
.product-list-content-blue-more span{
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  color: #FFFFFF;
  display: block;
  width: 62px;
  float: left;
  margin-left: 18px;
}
.product-list-content-blue-more img {
  float: left;
  margin-top: 15px;
}
.products-center{
  position: relative;
  width: 100%;
}
.product_wrap{
  width: 1200px;
  height: 100%;
  margin: auto;
}
.product-list {
  width: 100%;
  height: 560px;
}
.product_wrap img{
  max-height: 480px;
  max-width: 620px;
  vertical-align: middle;
}
.product-list-content-right {
  float: right;
}
.product-list-content-left-title {
  height: 72px;
  position: relative;
}
.product-list-content-left-title span {
  width: 3px;
  height: 65px;
  background: #2357CE;
  position: absolute;
  left: 0px;
  top: 7px;
}
.product-list-content-left-title p {
  width: 29px;
  height: 34px;
  font-size: 30px;
  font-family: Arial;
  font-weight: normal;
  color: #2357CE;
  margin-left: 18px;
}
.product-list-content-left-title div {
  height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #191919;
  position: absolute;
  top: 41px;
  left: 18px;
}
.product-list-content-left {
  float: left;
}
.product-list .product-list-content-left{
  margin-top: 140px;
}
.product-list2 .product-list-content-left{
  margin-top: 40px;
  height: 480px;
  line-height: 480px;
}
.product-list .product-list-content-right{
  margin-top: 40px;
  height: 480px;
  line-height: 480px;
}
.product-list2 .product-list-content-right{
  margin-top: 140px;
}
.product-list-content-left-describe {
  width: 495px;
  font-size: 16px;
  font-weight: 400;
  color: #191919;
  margin-top: 30px;
  margin-bottom: 25px;
  line-height: 26px;
  text-align: justify;
}
.product-list2 {
  width: 100%;
  height: 560px;
  background: url("../images/productsbg.png") no-repeat;
  background-position: center top;
}
@media screen and (min-width: 1921px) {
  .product-list2{
    background-size: 100% 560px;
  }
}

/* 产品中心详情页 */
.products-details-banner {
  width: 100%;
  height: 400px;
  background: url("../images/cpshowbg.jpg") no-repeat;
  background-position: center top;
  position: relative;
}
.products-details-banner-left{
  float: left;
  margin-top: 179px;
  margin-left: 85px;
  width: 520px;
}
.products-details-banner-title{
  width: 520px;
  font-size: 50px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  line-height: 65px;
  float: left;
}
.products-details-banner-subtitle{
  height: 26px;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #FFFFFF;
  float: left;
  margin-top: 19px;
  margin-right: 15px;
}
.products-details-banner-more {
  width: 103px;
  height: 36px;
  background: #FFFFFF;
  border-radius: 20px;
  float: left;
  margin-top: 15px;
  margin-left: 5px;
  display: block;
}
.products-details-banner-more span{
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  color: #2357CE;
  display: block;
  width: 62px;
  float: left;
  margin-left: 15px;
}
.products-details-banner-more img {
  float: left;
  margin-top: 15px;
}
.products-details-banner-right{
  float: right;
  margin-top: 127px;
  margin-right: 121px;
}
.products-details{
  width: 100%;
}
.products-details-part1 {
  height: 520px;
  background: url("../images/part1_bg.png") no-repeat;
  background-position: center bottom;
}
.cpshow-part1-left {
  float: left;
}
.cpshow-part1-left h1 {
    width: 400px;
    font-size: 34px;
    font-weight: bold;
    line-height: 45px;
    color: #191919;
    padding-top: 35px;
}
.cpshow-part1-left span {
  width: 140px;
  height: 6px;
  background: #1875F0;
  display: inline-block;
  margin-top: 25px;
}
.cpshow-part1-left p {
    width: 390px;
    font-size: 16px;
    color: #191919;
    margin-top: 25px;
    line-height: 24px;
    text-align: justify;
    text-indent: 2em;
}
.cpshow-part1-right {
  width: 760px;
  height: 520px;
  padding: 0px;
  margin: 0px;
  float: right;
  background: url("../images/cpshowbg1.jpg") no-repeat;
  background-position: center top;
  position: relative;
}
.cpshow-part1-jiantou1{
  position: absolute;
  width: 18px;
  top: 450px;
  left: -100px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
.cpshow-part1-jiantou2{
  position: absolute;
  width: 18px;
  top: 450px;
  left: -50px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
.cpshow-part1-jiantou1:hover,.cpshow-part1-jiantou2:hover{
  opacity: 1;
  filter: alpha(opacity=100);
}
.cpshow-part1-right ul{
  width: 100%;
  height: 100%;
}
.cpshow-part1-right li{
  width: 100%;
  height: 100%;
}
.cpshow-part1-right li div {
  width: 380px;
  height: 260px;
  background: rgba(255,255,255,0.8);
  float: left;
}
.cpshow-part1-right .cpshow-part1-bg1{
  background: rgba(245,245,245,0.5);
}
.cpshow-part1-right li img {
  width: 56px;
  height: 56px;
  display: block;
  margin-top: 50px;
  margin-left: 42px;
  margin-bottom: 20px;
}
.cpshow-part1-right li span {
  font-size: 24px;
  font-weight: bold;吃
  line-height: 30px;
  color: #191919;
  margin-left: 42px;
}
.cpshow-part1-right li p {
  width: 280px;
  font-size: 16px;
  line-height: 22px;
  color: #666666;
  margin-top: 10px;
  margin-left: 42px;
}
.products-details-part2 {
  margin-top: 90px;
  height: 646px;
  background: url("../images/part2_bg.png") no-repeat;
  background-position: center top;
}
.cpshow-part2-top{
  width: 100%;
  height: 131px;
}
.cpshow-part2-tab {
  overflow: hidden;
  width: 812px;
  height: 50px;
  float: left;
  margin-top: 81px;
}
.cpshow-part2-tab li {
  background: #fff;
  margin-left: 2px;
  width: 114px;
  float: left;
  color: #191919;
  text-align: center;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}
.cpshow-part2-tab .cpshow-part2-selected {
  background: #2357CE;
  color: #fff;
}
.cpshow-part2-top-right {
  width: 400px;
  float: right;
}
.cpshow-part2-top-right h1 {
  font-size: 34px;
  font-weight: bold;
  color: #191919;
  text-align: right;
  line-height: 45px;
  float: right;
  width: 400px;
}
.cpshow-part2-top-right span {
  width: 140px;
  height: 6px;
  background: #1875F0;
  display: block;
  float: right;
  margin-top: 35px;
}
.cpshow-part2-top-right p {
  float: right;
  width: 251px;
  font-size: 20px;
  color: #191919;
  margin-top: 25px;
  line-height: 26px;
  text-align: right;
}
.cpshow-part2-show{
  width: 100%;
  height: 515px;
}
.cpshow-part2-show li{
  width: 100%;
  height: 100%;
  display: none;
}
.cpshow-part2-show-left{
  width: 450px;
  float: left;
}
.cpshow-part2-show-left h1 {
  font-size: 24px;
  font-weight: bold;
  color: #191919;
  margin-top: 99px;
  float: left;
  width: 450px;
  line-height: 30px;
}
.cpshow-part2-show-left p {
  width: 450px;
  font-size: 16px;
  line-height: 24px;
  color: #191919;
  float: left;
  margin-top: 30px;
}
.cpshow-part2-show-left a {
  width: 103px;
  height: 36px;
  background: #2357CE;
  border-radius: 20px;
  float: left;
  margin-top: 30px;
  display: block;
}
.cpshow-part2-show-left a span{
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  color: #fff;
  display: block;
  width: 62px;
  float: left;
  margin-left: 15px;
}
.cpshow-part2-show-left a img {
  float: left;
  margin-top: 15px;
}
.cpshow-part2-show-right{
  float: right;
  width: 700px;
  height: 460px;
  margin-top: 55px;
  line-height: 460px;
}
.cpshow-part2-show-right img{
  max-width: 700px;
  max-height: 460px;
  vertical-align: middle;
}
.products-details-part3 {
  width: 100%;
  height: 897px;
  margin-top: 92px;
}
.cpshow-part3-title {
  width: 308px;
  height: 90px;
  font-size: 34px;
  font-weight: bold;
  line-height: 45px;
  color: #191919;
}
.cpshow-part3-heng {
  width: 140px;
  height: 6px;
  background: #1875F0;
  display: block;
  margin-top: 35px;
}
.cpshow-part3-content {
  width: 100%;
  height: 681px;
  background: url("../images/cpshowbg3.jpg") no-repeat;
  background-position: center top;
}
.cpshow-part3-content1 {
  float: left;
  margin-top: 439px;
  margin-left: 110px;
}
.cpshow-part3-content1 span {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
}
.cpshow-part3-content1 p {
  width: 210px;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin-top: 30px;
}
.cpshow-part3-content2 {
  float: left;
  margin-top: 131px;
  margin-left: 140px;
}
.cpshow-part3-content2 span {
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #191919;
  display: block;
}
.cpshow-part3-content2 p {
  width: 320px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin-top: 30px;
}
.cpshow-part3-content3 {
  float: right;
  margin-top: 421px;
  margin-right: 40px;
}
.cpshow-part3-content3 span {
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  display: block;
}
.cpshow-part3-content3 p {
  width: 300px;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin-top: 30px;
}
.products-details-part4 {
  height: 900px;
  width: 100%;
  background: url("../images/cpshowbg4.jpg") no-repeat;
  background-position: center top;
}
.cpshow-part4-title {
  width: 600px;
  font-size: 34px;
  font-weight: bold;
  line-height: 45px;
  color: #191919;
  margin-top: 80px;
  float: right;
  text-align: right;
}
.cpshow-part4-heng {
  width: 140px;
  height: 6px;
  background: #1875F0;
  display: block;
  margin-top: 35px;
  float: right;
}
.cpshow-part4-content {
  height: 520px;
  width: 100%;
  background: url("../images/cpshowbg5.jpg") no-repeat;
  background-position: center top;
  float: right;
  margin-top: 40px;
}
.cpshow-part4-content1{
  float: left;
  margin-top: 315px;
  width: 300px;
  padding-left: 30px;
}
.cpshow-part4-content4 {
  float: left;
  margin-top: 55px;
  width: 300px;
  padding-left: 30px;
}
.cpshow-part4-content1 span,
.cpshow-part4-content4 span {
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #191919;
}
.cpshow-part4-content1 p,
.cpshow-part4-content4 p {
  width: 200px;
  font-size: 16px;
  line-height: 24px;
  color: #191919;
  margin-top: 30px;
}
.cpshow-part4-content2 {
  float: left;
  margin-top: 55px;
  width: 300px;
  padding-left: 30px;
}
.cpshow-part4-content3 {
  float: left;
  margin-top: 315px;
  width: 300px;
  padding-left: 30px;
}
.cpshow-part4-content2 span,
.cpshow-part4-content3 span {
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
}
.cpshow-part4-content2 p,
.cpshow-part4-content3 p {
  width: 200px;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin-top: 30px;
}
.products-details-part5 {
  width: 100%;
  height: 621px;
  margin-top: 100px;
  background: url("../images/cpshowbg6.jpg") no-repeat;
  background-position: center top;
}
.cpshow-part5-title {
  line-height: 45px;
  font-size: 34px;
  font-weight: bold;
  color: #191919;
  float: left;
  margin-top: 30px;
}
.cpshow-part5-heng {
  width: 140px;
  height: 6px;
  background: #1875F0;
  display: block;
  margin-top: 35px;
  float: left;
}
.cpshow-part5-content {
  width: 100%;
  float: left;
  margin-top: 64px;
}
.cpshow-part5-content-left {
  width: 1000px;
  height: 440px;
  float: left;
}
.cpshow-part5-content-left a{
  display: block;
  width: 250px;
  height: 110px;
  background: #fbfbfb;
  border: 1px solid #F4F4F4;
  float: left;
}
.cpshow-part5-content-left li {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  line-height: 110px;
  color: #010101;
  text-align: center;
}
.cpshow-part5-content-left li img {
  vertical-align: middle;
  margin-right: 7px;
  margin-top: -3px;
}
.cpshow-part5-content-right {
  width: 200px;
  height: 440px;
  float: right;
}
.cpshow-part5-content-right1 {
  width: 200px;
  height: 220px;
  background: #2357CE;
}
.cpshow-part5-content-right1 h1 {
  font-size: 60px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 79px;
  float: left;
  margin-top: 60px;
  margin-left: 56px;
}
.cpshow-part5-content-right1 span {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  float: left;
  line-height: 21px;
  margin-top: 104px;
  margin-left: 5px;
}
.cpshow-part5-content-right1 p {
  font-size: 20px;
  line-height: 26px;
  color: #FFFFFF;
  float: left;
  margin-left: 56px;
}
.cpshow-part5-content-right2 {
  width: 200px;
  height: 220px;
  background: #334F96;
}
.cpshow-part5-content-right2 div{
  width: 100%;
  float: left;
  margin-top: 30px;
}
.cpshow-part5-content-right2 div span{
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
  color: #FFFFFF;
  float: left;
  margin-left: 50px;
}
.cpshow-part5-content-right2 div h1{
  width: 12px;
  height: 21px;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  color: #FFFFFF;
  float: left;
  margin-top: -2px;
  margin-left: 10px;
}
.cpshow-part5-content-right2 div p{
  width: 120px;
  font-size: 20px;
  line-height: 26px;
  color: #FFFFFF;
  float: left;
  margin-left: 50px;
  margin-top: 2px;
}



/* 解决方案详情 */
.solve_banner{
  width: 100%;
  height: 4575px;
  background: url(../images/jj001.jpg) no-repeat;
  background-position: center top;
}

/* 精选案例页面 */
.anli_banner{
  width: 100%;
  height: 400px;
  background: url(../images/bgnew01.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
.anli_banner .font1{
  height: 60px;
  font-size: 50px;
  color: #fff;
  line-height: 60px;
  font-weight: bold;
  float: left;
  margin-top: 135px;
  margin-left: 900px;
}
.anli_banner .font2{
  width: 500px;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  float: left;
  margin-top: 16px;
  margin-left: 657px;
}
.anli_banner .font2 em{
  color: #F61414;
  font-weight: bold;
  font-style: normal;
}
.selectedCase-sum {
  width: 100%;
  height: 140px;
}
.selectedCase-sum ul {
  width: 100%;
}
.selectedCase-sum ul li {
  float: right;
  margin-left: 20px;
  margin-top: 50px;
}
.selectedCase-sum ul span {
  width: 76px;
  height: 80px;
  font-size: 60px;
  font-weight: bold;
  line-height: 80px;
  color: #FFFFFF;
  margin-right: 8px;
}
.selectedCase-sum ul li i {
  width: 34px;
  height: 36px;
  font-size: 32px;
  font-weight: bold;
  color: #FFFFFF;
  float: right;
  font-style: normal;
  margin-top: 5px;
  margin-left: 5px;
}
.selectedCase-sum ul li p {
  height: 26px;
  font-size: 20px;
  line-height: 26px;
  color: #FFFFFF;
  margin: 0;
  text-align: center;
}
.selectedCase-sum ul li b {
  width: 24px;
  height: 30px;
  font-size: 24px;
  line-height: 30px;
  color: #FFFFFF;
}
.selectedCase-part1 {
  height: 700px;
  width: 100%;
  background: url(../images/casebg01.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.selectedCase-part3 {
  height: 700px;
  width: 100%;
  background: url(../images/casebg03.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.case_title1 {
  float: left;
  width: 100%;
  height: 47px;
  font-size: 36px;
  font-weight: bold;
  color: #191919;
  margin-top: 91px;
}
.case_title1 b {
  color: #1875F0;
}
.case_title12{
  float: left;
  width: 100%;
  margin-top: 34px;
  height: 31px;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  line-height: 31px;
}
.case_subtitle1{
  float: left;
  width: 800px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #333333;
  margin-top: 36px;
}
.case_tab1,.case_tab3{
  float: left;
  width: 100%;
  margin-top: 56px;
  margin-bottom: 30px;
  height: 180px;
}
.case_tab1_ul,.case_tab3_ul {
  width: 100%;
  height: 100%;
}
.case_tab1_ul li,.case_tab3_ul li{
  width: 100%;
  height: 100%;
}
.case_tab1_ul li span,.case_tab3_ul li span {
  width: 360px;
  height: 70px;
  background: #ffffff;
  border-radius: 6px;
  line-height: 70px;
  font-size: 20px;
  font-weight: bold;
  color: #010101;
  float: left;
  text-align: center;
  margin-right: 27px;
  margin-bottom: 20px;
}
.case_tab1_ul li span a,.case_tab3_ul li span a {
  display: inline-block;
  cursor: default;
}
.case_tab1_ul li span a img,.case_tab3_ul li span a img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.case_tiao {
  width: 100%;
  height: 2px;
  background: #fff;
  float: right;
  margin-top: 40px;
}
.case_tiao b {
  width: 100px;
  height: 6px;
  background: none;
  float: left;
  margin-top: -2px;
  cursor: pointer;
  transition: 0.3s;
}
.case_tiao .on{
  background: #1875F0;
}
.selectedCase-part2 {
  width: 100%;
  height: 700px;
  background: url(../images/casebg02.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.selectedCase-part4 {
  width: 100%;
  height: 700px;
  background: url(../images/casebg04.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
.case_title2 {
  float: left;
  width: 100%;
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  margin-top: 90px;
  margin-left: 525px;
}
.case_title2 b {
  color: #1875F0;
}
.case_tab2,.case_tab4{
  width: 100%;
  height: 413px;
  float: left;
  margin-top: 50px;
}
.case_part2_left{
  width: 400px;
  height: 100%;
  float: left;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(4px);
}
.case_part2_left span{
  float: left;
  margin-left: 50px;
  margin-top: 80px;
  height: 32px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 32px;
}
.case_part2_left p{
  width: 300px;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 32px;
  float: left;
  margin-left: 50px;
  margin-top: 35px;
  text-align: justify;
}
.case_part2_right{
  width: 800px;
  height: 100%;
  float: right;
  background: rgba(255,255,255,.25);
  backdrop-filter: blur(8px);
}
.case_part2_right_wrap{
  width: 760px;
  height: 290px;
  float: left;
  margin-left: 30px;
  margin-top: 40px;
}
.case_tab2_ul,.case_tab4_ul {
  width: 100%;
  height: 100%;
}
.case_tab2_ul li,.case_tab4_ul li{
  width: 100%;
  height: 100%;
}
.case_tab2_ul li span,.case_tab4_ul li span {
  width: 360px;
  height: 70px;
  list-style: none;
  background: #FFF;
  border-radius: 6px;
  line-height: 70px;
  font-size: 20px;
  font-weight: bold;
  color: #010101;
  float: left;
  text-align: center;
  margin-right: 20px;
  margin-top: 20px;
}
.case_tab2_ul li span a,.case_tab4_ul li span a {
  display: inline-block;
}
.case_tab2_ul li span a img,.case_tab4_ul li span a img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.case_tab2 .case_tiao2,.case_tab4 .case_tiao4 {
  width: 740px;
  background: #FFF;
  float: left;
  margin-top: 50px;
}

/* 加入我们页 */
.hr_banner{
  width: 100%;
  height: 400px;
  background: url(../images/bgnew04.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 1921px) {
  .hr_banner{
    background-position: center center;
    background-size: 100%;
  }
}
.hr_banner span{
  width: 500px;
  height: 60px;
  font-size: 50px;
  color: #fff;
  line-height: 60px;
  font-weight: bold;
  float: left;
  margin-top: 168px;
  margin-left: 657px;
}
.hr_banner p{
  width: 500px;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  float: left;
  margin-top: 16px;
  margin-left: 657px;
}
.hr_banner p em{
  color: #F61414;
  font-weight: bold;
  font-style: normal;
}
.jion_body{
  width: 100%;
  background: #f8f6f4; 
}
.jion_wrap{
  width: 1200px;
  margin: auto;
  position: relative;
}
.jion_wrap .cat{
  top: 20px;
  margin-left: -600px;
  z-index: 1;
}
.jion_content{
  width: 1050px;
  float: right;
  margin-top: 40px;
  background: #fff;
  z-index: 2;
  position: relative;
}
.jion_content_top{
  width: 100%;
  height: 60px;
}
.jion_content_top a{
  float: left;
  display: block;
  height: 60px;
  border-right: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
  background: #F4F4F4;
}
.jion_content_top a:last-child{
  border: none;
}
.jion_content_top .jion_content_top_select{
  background: #2357CE;
  color: #fff;
  font-weight: bold;
}
.jion_content_top a:hover{
  background: #2357CE;
  color: #fff;
  font-weight: bold;
}
.jion_content_tab{
  width: 1010px;
  margin-top: 20px;
  margin-left: 20px;
}
.jion_content_tab_all{
  float: left;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  margin-left: 20px;
  margin-top: 20px;
  border-radius: 20px;
  background: #F4F4F4;
  color: #666666;
}
.jion_content_tab_slide{
  float: left;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  padding-left: 30px;
  padding-right: 30px;
  background: #F4F4F4;
  color: #666666;
  text-align: center;
  margin-left: 20px;
  margin-top: 20px;
  border-radius: 20px;
}
.jion_content_tab .jion_content_tab_select{
  background: #2357CE;
  color: #ffffff;
}
.jion_content_tab_all:hover,.jion_content_tab_slide:hover{
  background: #2357CE;
  color: #ffffff;
  cursor: pointer;
}
.jion_content_body{
  width: 970px;
  margin: auto;
}
.jion_content_body li{
  float: left;
  width: 100%;
  margin-top: 40px;
}
.jion_content_body_title{
  display: block;
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #2357CE;
}
.jion_content_body_content{
  float: left;
  margin-top: 20px;
  line-height: 30px;
  font-size: 16px;
  color: #333333;
}
.jion_toudi{
  width: 100%;
  height: 50px;
}
#toudi_youjian{
  display: block;
  float: left;
  width: 120px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #2357CE;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  margin-left: 470px;
}
#toudi_youjian:hover{
  border-radius: 24px;
  transition: 0.3s;
  cursor: pointer;
}
#toudi_boss{
  display: block;
  float: left;
  width: 120px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #368AEC;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  margin-left: 20px;
}
#toudi_boss:hover{
  border-radius: 24px;
  transition: 0.3s;
}

/*信创专题页*/
.banner_xinchuang{
  width: 100%;
  height: 500px;
  background: url(../images/banner5.jpg) no-repeat center center;
}
.xc_wrap{
  width: 1200px;
  height: 100%;
  margin: auto;
}
.banner_xinchuang span{
  display: block;
  float: left;
  margin-top: 124px;
  margin-left: 300px;
  width: 324px;
  height: 38px;
  font-size: 36px;
  font-weight: bold;
  line-height: 38px;
  color: #FFFFFF;
  letter-spacing: 10px;
}
.xc_shengtai{
  width: 100%;
  height: 623px;
}
.xc_chanpin{
  width: 100%;
  height: 690px;
  background: url(../images/pic_xc_bg_01.jpg) no-repeat top center;
}
.xc_anli{
  width: 100%;
  height: 670px;
  background: url(../images/pic_xc_bg_02.jpg) no-repeat top center;
  display: none;
}
.xc_shengtai_title{
  float: left;
  width: 100%;
  height: 47px;
  font-size: 36px;
  line-height: 47px;
  color: #010101;
  text-align: center;
  margin-top: 60px;
}
.xc_shengtai_subtitle{
  float: left;
  width: 100%;
  height: 24px;
  font-size: 18px;
  line-height: 24px;
  color: #666666;
  margin-top: 10px;
  text-align: center;
}
.xc_shengtai_left{
  height: 332px;
  float: left;
  width: 700px;
  margin-top: 40px;
  position: relative;
}
.xc_st_tab1_select{
  width: 100%;
  height: 40px;
  float: left;
  background: #F3F3F3;
  border-radius: 6px;
}
.xc_st_tab1_select_left{
  float: left;
  height: 40px;
}
.xc_st_tab1_select_left li{
  float: left;
  height: 40px;
  cursor: pointer;
  text-align: center;
  display: none;
  font-size: 16px;
  color: #666666;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #fff;
}
.xc_st_tab1_select_left .xc_st_show_one{
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.xc_st_tab1_select_left .xc_st_tab1_selected{
  color: #fff;
  background: #2357CE;
}
.xc_st_tab1_select_left .xc_st_show{
  display: block;
}
.xc_st_tab1_select_left .xc_st_show1{
  display: block;
}
.xc_st_tab1_select_left li:hover{
  color: #fff;
  background: #2357CE;
}
.xc_st_tab1_select_right{
  float: right;
  height: 40px;
  width: 67px;
  cursor: pointer;
  border-left: 1px solid #fff;
}
.xc_st_tab1_select_right img{
  float: right;
  margin-top: 12px;
  margin-right: 9px;
}
.xc_st_tab1_select_right span{
  display: block;
  float: left;
  width: 35px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #666666;
  margin-left: 7px;
}
.xc_st_tab1_show{
  float: left;
  width: 100%;
  height: 262px;
  margin-top: 30px;
}
.xc_st_tab1_show li{
  display: none;
  width: 100%;
  height: 100%;
}
.xc_st_tab1_show .xc_st_tab1_show1{
  display: block;
}
.xc_st_tab1_show li span{
  width: 100%;
  height: 31px;
  line-height: 31px;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  display: block;
  float: left;
}
.xc_st_tab1_show li p{
  float: left;
  width: 600px;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-top: 17px;
}
.xc_st_tab1_show li img{
  float: left;
  margin-top: 20px; 
}
.xc_st_tab1_more{
  position: absolute;
  top: 59px;
  left: 630px;
  width: 310px;
  height: 230px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  z-index: 2;
  display: none;
}
.xc_st_tab1_more li{
  float: left;
  margin-left: 43px;
  margin-top: 15px;
  cursor: pointer;
  width: 100px;
  height: 21px;
  font-size: 16px;
  line-height: 21px;
  color: #333333;
  text-align: left;
}
.xc_st_tab1_more li:hover{
  color: #2357CE;
}
.xc_shengtai_right{
  height: 332px;
  float: right;
  width: 440px;
  margin-top: 40px;
}
.xc_shengtai_show{
  float: left;
  width: 100%;
  height: 100%;
}
.xc_shengtai_gundong li{
  width: 440px;
  height: 290px;
  float: left;
  margin-right: 26px;
}
.xc_shengtai_gundong li div{
  width: 210px;
  height: 290px;
  float: left;
  margin-left: 20px;
  background: #FDFCFA;
}
.xc_shengtai_gundong li div:first-child{
  margin-left:0;
}
.xc_shengtai_gundong li .xc_shengtai_img_one{
  margin-left: 0;
}
.xc_shengtai_gundong li div img{
  width: 200px;
  height: 280px;
  float: left;
  margin-left: 5px;
  margin-top: 5px;
}
.xc_shengtai_gundong img{
/* display: inline-block;
vertical-align:top; */
-moz-page-break-inside:avoid;
-webkit-column-break-inside:avoid;
break-inside:avoid;
}
.xc_shengtai_diandian{
  float: left;
  width: 120px;
  height: 8px;
  margin-left: 162px;
  margin-top: 15px;
}
.xc_shengtai_diandian li{
  width: 8px;
  height: 8px;
  background: #DEDEDE;
  border-radius: 50%;
  float: left;
  margin-left: 10px;
  cursor: pointer;
}
.xc_shengtai_diandian .on{
  background: #2357CE;
}
.shengtai_next{
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/jiantou3.png);
  cursor: pointer;
  float: right;
  margin-top: 10px;
}
.shengtai_prev{
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/jiantou2.png);
  cursor: pointer;
  float: right;
  margin-right: 5px;
  margin-top: 11px;
}
.xc_chanpin_title{
  float: left;
  width: 100%;
  height: 47px;
  font-size: 36px;
  line-height: 47px;
  color: #010101;
  text-align: center;
  margin-top: 60px;
}
.xc_chanpin_subtitle{
  float: left;
  width: 100%;
  height: 24px;
  font-size: 18px;
  line-height: 24px;
  color: #666666;
  margin-top: 10px;
  text-align: center;
}
.xc_tab1_select{
  width: 100%;
  height: 43px;
  float: left;
  margin-top: 40px;
}
.xc_tab1_select_left{
  float: left;
  height: 33px;
}
.xc_tab1_select_left li{
  float: left;
  margin-right: 60px;
  height: 33px;
  cursor: pointer;
  text-align: center;
  margin-top: 10px;
  display: none;
}
.xc_tab1_select_left .xc_tab1_selected span{
  color: #2357CE;
}
.xc_tab1_select_left .xc_show{
  display: block;
}
.xc_tab1_select_left .xc_show1{
  display: block;
}
.xc_tab1_select_left .xc_tab1_selected p{
  display: block;
}
.xc_tab1_select_left li:hover span{
  color: #2357CE;
}
.xc_tab1_select_left li:hover p{
  display: block;
}
.xc_tab1_select_left li span{
  display: block;
  height: 30px;
  line-height: 21px;
  font-size: 16px;
  color: #666666;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  color: #666666;
}
.xc_tab1_select_left p{
  display: none;
  height: 3px;
  background: #2357CE;
  margin: auto;
}
.xc_tab1_select_right{
  float: right;
  height: 40px;
  width: 130px;
  background: #2357CE;
  border-radius: 30px;
  cursor: pointer;
}
.xc_tab1_select_right span{
  display: block;
  float: left;
  width: 70px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  margin-left: 24px;
}
.xc_tab1_select_right .xc_img2{
  display: none;
}
.xc_tab1_select_right img{
  float: right;
  margin-top: 10px;
  margin-right: 16px;
}
.xc_tab1_show{
  float: left;
  width: 100%;
  height: 370px;
  margin-top: 30px;
}
.xc_tab1_show li{
  display: none;
  width: 100%;
  height: 100%;
}
.xc_tab1_show .xc_tab1_show1{
  display: block;
}
.xc_tab1_show_left{
  float: left;
  width: 600px;
  height: 370px;
  line-height: 370px;
  text-align: center;
}
.xc_tab1_show_left img{
  max-width: 560px;
  max-height: 336px;
  vertical-align: middle;
}
.xc_tab1_show_right{
  float: right;
  width: 560px;
  height: 340px;
  margin-top: 30px;
}
.xc_tab1_show_right h1{
  height: 31px;
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  color: #000000;
  float: left;
}
.xc_tab1_show_right p{
  width: 560px;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  float: left;
  margin-top: 17px;
}
.xc_tab1_show_right a{
  float: left;
  width: 140px;
  height: 36px;
  background: #2357CE;
  border-radius: 20px;
  margin-top: 40px;
}
.xc_tab1_show_right a span{
  display: block;
  float: left;
  margin-left: 36px;
  width: 56px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  color: #FFFFFF;
}
.xc_tab1_show_right a img{
  float: left;
  margin-top: 15px;
  margin-left: 10px;
}
.xc_tab1_more{
  float: left;
  margin-top: 20px;
  width: 1200px;
  height: 395px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  display: none;
}
.xc_tab1_more li{
  float: left;
  width: 240px;
  height: 46px;
  margin-left: 50px;
  margin-top: 5px;
  cursor: pointer;
}
.xc_tab1_more li span{
  display: block;
  width: 240px;
  font-size: 16px;
  line-height: 21px;
  color: #333333;
}
.xc_tab1_more li p{
  width: 240px;
  margin-top: 6px;
  font-size: 14px;
  line-height:19px;
  color: #999999;
}
.xc_tab1_more li:hover span,.xc_tab1_more li:hover p{
  color: #2357CE;
}
.xc_anli_title{
  float: left;
  width: 100%;
  height: 47px;
  font-size: 36px;
  line-height: 47px;
  color: #fff;
  text-align: center;
  margin-top: 60px;
}
.xc_anli_subtitle{
  float: left;
  width: 100%;
  height: 24px;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 40px;
}
.xc_anli_show{
  float: left;
  width: 100%;
  height: 240px;
  margin-top: 40px;
}
.xc_anli_gundong li{
  width: 1200px;
  height: 240px;
  float: left;
  margin-right: 26px;
}
.xc_anli_gundong li span{
  width: 280px;
  height: 100px;
  float: left;
  margin-left: 26px;
  margin-bottom: 20px;
  background: #fff;
  line-height: 100px;
  text-align: center;
  font-weight: bold;
  display: block;
  overflow: hidden;
}
.xc_anli_gundong li span a{
  display: inline-block;
  color: #000;
  font-size: 22px;
}
.xc_anli_gundong li span a img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -5px;
}

.xc_anli_gundong li .xc_anli_span1{
  margin-left: 0;
}
.xc_anli_gundong img{
  -moz-page-break-inside:avoid;
  -webkit-column-break-inside:avoid;
  break-inside:avoid;
}
.xc_anli_diandian_wrap{
  float: left;
  width: 500px;
  height: 18px;
  line-height: 18px;
  margin-left: 344px;
}
.xc_anli_diandian{
  margin:auto;
  height: 18px;
  text-align: center;
  line-height: 18px;
}
.xc_anli_diandian li{
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.xc_anli_diandian .on{
  opacity: 1;
  filter: alpha(opacity=100);
}
.anli_next{
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/jiantou3.png);
  cursor: pointer;
  float: right;
}
.anli_prev{
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/jiantou2.png);
  cursor: pointer;
  float: right;
  margin-right: 5px;
  margin-top: 1px;
}

/* 投资者关系页 */
.touzi_banner{
  width: 100%;
  height: 400px;
  background: url(../images/bgnew06.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 1921px) {
  .touzi_banner{
    background-position: center center;
    background-size: 100%;
  }
}
.touzi_banner span{
  width: 500px;
  height: 60px;
  font-size: 50px;
  color: #fff;
  line-height: 60px;
  font-weight: bold;
  float: left;
  margin-top: 168px;
  margin-left: 757px;
}
.touzi_banner p{
  width: 500px;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  float: left;
  margin-top: 16px;
  margin-left: 757px;
  font-weight: bold;
}
.touzi_banner p em{
  color: #F61414;
  font-weight: bold;
  font-style: normal;
}
.touzi_body{ 
  width: 100%; 
  background: #f8f6f4; 
}
.touzi_wrap{ 
  width: 1200px; 
  margin: 0 auto; 
  position: relative;
}
.touzi_nav{ 
  width:1200px; 
  height:98px; 
  background:url(../images/new_bg.jpg) no-repeat; 
  position: relative; 
  top: -49px; 
  z-index: 9;
  overflow: hidden;
}
.touzi_nav ul{
  width: 100%;
  height: 100%;
}
.touzi_nav ul a{
  display: block;
  height:98px; 
  width:300px; 
  float:left;
}
.touzi_nav ul li{ 
  font-size:24px; 
  color:#f8f6f4; 
  text-align:center; 
  line-height:98px; 
  width: 100%;
  height: 100%;
}
.touzi_nav img{ 
  margin-right:10px;
  width:22px; 
  height:22px;
}
.touzi_nav1_1{ 
  background:url(../images/new_hover.png) no-repeat;
}
.touzi_nav2_1{ 
  background:url(../images/new1_hover.png) no-repeat;
}
.touzi_nav3_1{ 
  background:url(../images/new2_hover.png) no-repeat;
}
.touzi_nav1{ 
  width:440px; 
  text-align:left; 
  padding-left:125px; 
  background-size:100%;
}
.touzi_nav1:hover{
  background:url(../images/new_hover.png) no-repeat;
  background-size: 100%;
}
.touzi_nav2{ 
  width:526px; 
  position:relative; 
  left:28px;
  background-size:100%;
}
.touzi_nav2:hover{ 
  background:url(../images/new1_hover.png) no-repeat;
  background-size: 100%;
}
.touzi_nav3{ 
  width:440px; 
  position:relative; 
  left:160px;
  padding-left:60px;
  background-size: 100%;
}
.touzi_nav3:hover{ 
  background:url(../images/new2_hover.png) no-repeat;
  background-size: 100%;
}
.touzi_wrap .cat{
  top: 20px;
  margin-left: -600px;
  z-index: 1;
}
.touzi_list{
  width: 1050px;
  float: right;
  margin-top: 40px;
  background: #fff;
  z-index: 2;
  position: relative;
}
/* 投资者关系—股本结构 */
.touzi_gbjg {
  width: 100%;
  margin: 0 auto;
}
.touzi_gbjg h1{
  font-size: 16px;
  color: #191919;
  line-height: 21px;
  font-weight: bold;
  width: 100%;
  display: block;
  height: 21px;
  text-align: center;
  float: left;
  margin-top: 40px;
}
.touzi_gbjg table {
    width: 990px;
    float: left;
    margin-left: 30px;
    margin-top: 30px;
}

.touzi_gbjg table tr {
    height: 40px;
    border: 1px solid #ECECEC;
    background: #fff;
}

.touzi_gbjg table tr th {
    border-left: none;
    border-right: none;
    text-align: left;
    height: 60px;
    background: #F4F4F4;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}
.touzi_gbjg table tr th:first-child{
    text-align: center;
}

.touzi_gbjg table tr td {
    border-left: none;
    border-right: none;
    height: 60px;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    font-size: 14px;
    color: #666666;
}
.touzi_gbjg table tr td:first-child{
    width: 70px;
    text-align: center;
}
.touzi_gbjg table tbody tr:nth-child(2n){
    background: #f8f8f8;
}
/* 投资者关系—股本变化 */
.gbbh-content {
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  height: 890px;
}
.gbbh-tree {
  display: block;
  padding: 0px;
  margin: 0 auto;
  width: 140px;
}
.gbbh-tree li {
  width: 140px;
  height: 50px;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  color: #FFFFFF;
  background: #2357CE;
  text-align: center;
  margin-top: 105px;
  position: relative;
}
.shu-line {
  width: 1px;
  height: 93px;
  background: #2357CE;
  opacity: 1;
  border-radius: 0px;
  display: inline-block;
  position: absolute;
  top: 55px;
  left: 70px;
}
.gbbh-tree li:first-child {
  margin-top: 30px;
}
.gbbh-tree li:last-child .shu-line {
  display: none;
}
.heng_line {
  width: 30px;
  height: 1px;
  background: #2357CE;
  display: inline-block;
}
.gbbh-tree-content {
  width: 380px;
  height: 135px;
  background: url("../images/gbbhtree-bg.png") no-repeat;
  background-size: 100% 100%;
}
.gbbh-tree li:nth-child(2n+1) .gbbh-tree-content {
  position: absolute;
  left: -430px;
  top: 0px;
}
.gbbh-tree li:nth-child(2n+1) .heng_line {
  position: absolute;
  left: -40px;
  top: 25px;
}
.gbbh-tree li:nth-child(2n) .gbbh-tree-content {
  position: absolute;
  left: 190px;
  top: 0px;
}
.gbbh-tree li:nth-child(2n) .heng_line {
  position: absolute;
  left: 150px;
  top: 25px;
}
.gbbh-tree li:last-child .gbbh-tree-content {
  background: url("../images/gongsi.png") no-repeat;
  background-size: 100% 100%;
}
.gbbh-tree-content-tit {
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #2357CE;
  margin-left: 30px;
  margin-top: 20px;
  text-align: left;
  display: block;
}
.gbbh-tree-content-subtit {
  width: 206px;
  height: 45px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
  display: block;
  text-align: left;
  margin-left: 30px;
  margin-top: 10px;
}
.gbbh-tree-content-subtit span {
  width: 80px;
  display: inline-block;
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
  margin-right: 8px;
}

/* 关于我们页面 */
.about_banner{
  width: 100%;
  height: 400px;
  background: url(../images/bgnew03.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
.about_banner span{
  display: block;
  width: 500px;
  height: 60px;
  font-size: 60px;
  color: #fff;
  line-height: 60px;
  font-weight: bold;
  float: left;
  margin-top: 168px;
  margin-left: 657px;
}
.about_banner p{
  width: 500px;
  font-size: 22px;
  color: #fff;
  line-height: 28px;
  float: left;
  font-weight: bold;
  margin-top: 16px;
  margin-left: 657px;
}
.about_banner p em{
  color: #F61414;
  font-weight: bold;
  font-style: normal;
}
.about_video{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000000;
}
.about_video_zhao{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
}
.about_video video{
  width: 1000px;
  height: 526px;
  position: absolute;
  left: 50%;
  margin-left: -500px;
  top: 50%;
  margin-top: -263px;
}
.about_wrap{ 
  width: 1200px; 
  margin: auto;
  height: 100%;
}
.about_introduce{ 
  width: 100%; 
  height: 831px;
  padding-top: 104px;
}
.about_title{
  width:100%; 
  text-align: center;
}
.about_title span{
  display: block;
  width: 100%;
  height: 36px;
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  line-height: 35px;
  text-align: center;
}
.about_title p{
  width: 120px;
  height: 6px;
  background: #2357CE;
  margin:auto;
  margin-top: 14px;
}
.about_subtitle{
  width: 465px;
  height: 26px;
  margin:auto;
  margin-top: 34px;
}
.about_strength .about_subtitle{
  width: 700px;
}
.about_strength .about_subtitle_left{
  width: 550px;
}
.about_subtitle_left{
  width: 300px;
  height: 26px;
  font-size: 20px;
  color: #666666;
  line-height: 26px;
  float: left;
}
.about_subtitle_right{
  float: right;
  height: 26px;
  width: 140px;
  cursor: pointer;
}
.about_subtitle_img2{
  float: right;
  margin-top: 4px;
}
.about_subtitle_right span{
  float: right;
  display: block;
  line-height: 26px;
  height: 26px;
  font-size: 20px;
  color: #2357CE;
  margin-right: 5px;
}
.about_subtitle_img1{
  float: right;
  margin-right: 8px;
}
.about_introduce_content{
  width: 100%;
}
.about_introduce_left{ 
  float: left;
  width: 795px;
  height: 486px;
  background: #FFFFFF;
  border: 1px solid #eeeeee;
  box-shadow: 0px 5px 5px 0px rgba(6, 0, 1, 0.11);
  border-radius: 10px;
  margin-top: 40px;
}
.about_introduce_left p{ 
  line-height: 36px; 
  text-indent: 32px;
  padding-left: 30px;
  padding-right: 30px;
}
.about_gundongtiao{
  width: 795px;
  height: 426px;
  float: left;
  margin-top: 30px;
  overflow: hidden;
}
.zUIpanelScrollBox,.zUIpanelScrollBar{
  width:6px;
  top:4px;
  right:2px;
  border-radius:5px;
}
.zUIpanelScrollBox{
  background:#fff;
  opacity:0.8;
  filter:alpha(opacity=80);
}
.zUIpanelScrollBar{
  background:#000;
  opacity:0.1;
  filter:alpha(opacity=10);
}
.about_introduce_right{ 
  float: right;
  margin-top: 68px;
  width: 320px;
}
.about_introduce_right img{
  float: right;
}
.about_introduce_right span{
  display: block;
  height: 21px;
  line-height: 21px;
  float: right;
  margin-right: 14px;
  margin-top: 16px;
  font-size: 18px;
  font-style: italic;
  color: #2357CE;
}
.about_spirit{ 
  position: relative; 
  width: 100%; 
  height: 690px; 
  background: url(../images/about_spiritbg.jpg) no-repeat center; 
  padding-top: 66px;
}
.about_spirit .about_title span{
  color: #fff;
}
.about_spirit .about_title p{
  background: #fff;
}
.about_spirit img{ 
  width: 100%;
}
.about_spirit_alert{ 
  position: absolute; 
  top: 0px; 
  z-index: 10; 
  display: none;
  background: #08529e; 
  width: 200px; 
  border-radius: 5px; 
  padding: 12px;
  color: #fff;
}
.about_spirit_alert p{ 
  font-size: 14px; 
  line-height: 26px;
}
.about_spirit_jiantou{ 
  width: 15px; 
  height: 15px; 
  background: #07529e; 
  position: absolute; 
  left: -5px; 
  top: 50px; 
  transform: rotate(45deg); 
}
.about_spirit_font{
  position: absolute;
  left: 50%;
  cursor: pointer;
}
.about_spirit_font_img2{
  display: none;
}
.about_spirit_font1{ width: 159px; height: 186px; margin-left: -520px; top: 189px; }
.about_spirit_font2{ width: 106px; height: 109px; margin-left: -210px; top: 267px; }
.about_spirit_font3{ width: 96px; height: 96px; margin-left: 80px; top: 277px; }
.about_spirit_font4{ width: 98px; height: 107px; margin-left: -200px; top: 434px; }
.about_spirit_font5{ width: 106px; height: 108px; margin-left: 40px; top: 434px; }
.about_spirit_font6{ width: 148px; height: 186px; margin-left: 270px; top: 390px; }
.about_spirit_font1 .about_spirit_alert{left:149px;}
.about_spirit_font2 .about_spirit_alert{left:96px;}
.about_spirit_font3 .about_spirit_alert{left:86px;}
.about_spirit_font4 .about_spirit_alert{left:88px;}
.about_spirit_font5 .about_spirit_alert{left:96px;}
.about_spirit_font6 .about_spirit_alert{left:138px;}

.about_strength{ 
  width: 100%; 
  height: 789px;
  padding-top: 88px;
}
.about_subtitle_font{
  width: 100%;
  height: 26px;
  line-height: 26px;
  margin-top: 34px;
  font-size: 20px;
  color: #666666;
  text-align: center;
}
.about_strength_body{
  width: 100%;
  margin-top: 60px;
}
.about_strength_left{ 
  float: left;
  width: 420px;
}
.about_strength_left img{
  float: left;
}
.about_strength_left span{
  display: block;
  height: 21px;
  line-height: 21px;
  float: left;
  margin-left: 24px;
  margin-top: 9px;
  font-size: 18px;
  font-style: italic;
  color: #2357CE;
}
.about_strength_right{ 
  width: 750px;
  float: right;
}
.about_strength_right p{ 
  padding: 0 0 10px 40px; 
  line-height: 45px; 
  color: #1a1a1a;
  font-size: 18px;
  background: url(../images/zhuanshiicon.png) no-repeat 0px 12px;
}
.about_honor{
  width: 100%; 
  height: 1100px;
  padding-top: 49px; 
  background: url(../images/about_honorbg1.jpg) no-repeat top center;
}
.about_honor .about_wrap{
  width: 1300px;
}
.about_honor .about_subtitle_font{
  color: #fff;
}
.about_honor_title{
  width: 358px;
  height: 56px;
  margin:auto;
}
.about_honor_title li{
  width:179px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.about_honor_title li span{
  display: block;
  width: 100%;
  height: 36px;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  line-height: 35px;
  text-align: center;
}
.about_honor_title li p{
  width: 120px;
  height: 6px;
  background: #2357CE;
  margin:auto;
  margin-top: 14px;
  display: none;
}
.about_honor_title .about_honor_title_selected p{
  display: block;
}
.about_honor_body{
  width: 100%;
  height: 860px;
  background: rgba(0, 27, 81, 0.60);
  border-radius: 10px;
  margin:auto;
  margin-top: 65px;
  position: relative;
}
.about_honor_left{
  width: 400px;
  height: 100%;
  border: 3px solid rgba(255, 255, 255, 0.45);
  border-radius: 10px;
  background: rgba(1, 57, 170, 0.41);
  float: left;
}
.about_honor_left_tit{
  width: 337px;
  height: 72px;
  float: left;
  margin-left: 27px;
  position: relative;
}
.about_honor_left_tit img{
  float: left;
  margin-top: 25px;
  margin-left: 17px;
}
.about_honor_left_tit span{
  height: 26px;
  font-weight: bold;
  font-size: 20px;
  color: #FFF7AC;
  line-height: 26px;
  float: left;
  margin-left: 14px;
  margin-top: 27px;
}
.about_honor_left_tit_bottom{
  width: 100%;
  height: 4px;
  background: rgba(255, 247, 172, 0.59);
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.about_honor_list{
  width: 337px;
  height: 725px;
  margin-left: 27px;
  margin-top: 30px;
  float: left;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.about_honor_list_slide{
  width: 272px;
  line-height: 24px;
  font-size: 18px;
  color: #FFFFFF;
  padding-left: 18px;
  background: url(../images/about_img004.png) no-repeat;
  background-position: 0px 4px;
}
.about_honor_right{
  width: 860px;
  height: 790px;
  float: right;
  margin-top: 70px;
  overflow: hidden;
}
.about_honor_img1,.about_honor_img3{
  position: absolute;
  top: 308px;
  left: -97px;
  cursor: pointer;
  opacity: 0.3;
  filter: alpha(opacity=30);
  transition: 0.2s;
}
.about_honor_img2,.about_honor_img4{
  position: absolute;
  top: 308px;
  right: -97px;
  cursor: pointer;
  opacity: 0.3;
  filter: alpha(opacity=30);
  transition: 0.2s;
}
.about_honor_img1:hover,.about_honor_img2:hover,.about_honor_img3:hover,.about_honor_img4:hover{
  opacity: 1;
  filter: alpha(opacity=100);
}
.about_honor_img1,.about_honor_img2{
  z-index: 5;
}
.about_honor_img3,.about_honor_img4{
  z-index: 6;
}
.about_honor_tab{
  width: 100%;
  height: 100%;
}
.about_honor_tab ul li{
  width: 820px;
  height: 670px;
  display: flex;
  flex-wrap:wrap;
  align-content:space-between;
  justify-content:space-between;
  text-align: center;
  margin-right: 60px;
}
.about_honor_slide{
  width: 380px;
  height: 320px;
  background: url(../images/about_bg003.png) no-repeat;
  background-position: center top;
}
.about_honor_tab_img{
  width: 360px;
  height: 238px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  text-align: center;
}
.about_honor_tab_img img{
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.about_honor_slide p{
  width: 100%;
  line-height: 24px;
  float: left;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-top: 27px;
}
.about_honor_num{
  width: 820px;
  height: 6px;
  margin-top: 60px;
  text-align: center;
  display: flex;
  justify-content:center;
}
.about_honor_num span{
  display: inline-block;
  margin-right: 15px;
  margin-left: 15px;
  width: 40px;
  height: 6px;
  background: rgba(255,255,255,0.7);
  border-radius: 5px;
  cursor: pointer;
}
.about_honor_num .on{
  background: #2C70FF;
}
.about_leader{
  width: 100%; 
  height: 936px;
  padding-top: 77px; 
  background: url(../images/about_leaderbg.jpg) no-repeat top center;
}
.about_leader_body{
  width: 100%;
}
.about_leader_slide{
  width: 560px;
  float: left;
  margin-top: 52px;
}
.about_leader_body .about_leader_slide2{
  margin-left: 80px;
}
.about_leader_slide_top{
  width: 413px;
  height: 132px;
  background: #005ACD;
  float: right;
  margin-top: 59px;
  position: relative;
}
.about_leader_slide_top img{
  position: absolute;
  border-radius: 10px;
  left: -133px;
  top: -59px;
}
.about_leader_slide_top h1{
  width: 260px;
  height: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 30px;
  display: block;
  float: left;
  margin-top: 27px;
  margin-left: 145px;
}
.about_leader_slide_top span{
  width: 260px;
  height: 20px;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 20px;
  float: left;
  margin-left: 145px;
  margin-top: 20px;
}
.about_leader_slide ul{
  width: 100%;
  float: left;
  margin-top: 55px;
}
.about_leader_slide ul li{
  width: 100%;
}
.about_leader_slide ul li span{
  width: 8px;
  height: 20px;
  background: #F61414;
  border-radius: 4px;
  display: block;
  float: left;
  margin-top: 13px;
}
.about_leader_slide ul li p{
  width: 540px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 45px;
  float: left;
  margin-left: 10px;
}
.about_us{
  width: 100%; 
  height: 667px;
  padding-top: 53px; 
}
.about_us_left{
  float: left;
  width: 691px;
  height: 438px;
  margin-top: 52px;
}
.about_us_right{
  float: right;
  width: 400px;
  margin-top: 35px;
}
.about_us_right img{
  float: right;
}
.about_us_right span{
  display: block;
  height: 21px;
  line-height: 21px;
  float: right;
  margin-right: 130px;
  margin-top: 6px;
  font-size: 18px;
  font-style: italic;
  color: #2357CE;
}
/* 地图 */
.about_map{
  margin: auto;
  width: 691px;
  height: 400px;
}
.about_map_list{
  width: 100%;
  height: 61px;
  float: left;
}
#gongsiid{
  float: left;
  margin: 0;
  padding: 0;
  height: 61px;
  width: 100%;
}
#gongsiid li{
  width: 172px;
  height: 61px;
  background: #F4F4F4;
  border-right: 2px solid #ffffff; 
  color: #333333;
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 61px;
  text-align: center;
  cursor: pointer;
}
#gongsiid .gongsiidseledted{
  color: #2357CE;
  border-top: 3px solid #2357CE;
  line-height: 55px;
}
#gongsiid li:hover{
  color: #2357CE;
  border-top: 3px solid #2357CE;
  line-height: 55px;
}
.about_map_map{
  width: 687px;
  height: 338px;
  float: left;
}
#container {
  width: 100%;
  height: 100%;
}
.amap-info-sharp{
  display: none;
}
.amap-info-content {
  font-size: 12px;
  background: #0059CD;
}
.amap-info{
  background: #0059CD;
}
.quanquan{
  width: 380px;
  height: 250px;
  background: #0059CD;
}
.quanquan span{
  display: block;
  width: 350px;
  height: 50px;
  line-height: 50px;
  float: left;
  margin-left: 20px;
  margin-top: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  border-bottom: 1px solid #fff;
}
.quanquan p{
  display: block;
  width: 350px;
  color: #fff;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 14px;
  line-height: 18px;
}

/* 解决方案页面 */
.solution-banner {
  width: 100%;
  height: 891px;
  background: url("../images/fabg.jpg") no-repeat;
  background-position: center top;
}
@media screen and (min-width: 1921px) {
  .solution-banner{
    background-position: right top;
    background-size: 107% 891px;
  }
}
.solution_wrap{
  width: 1200px;
  height: 100%;
  margin:auto;
  position: relative;
}
.solution-banner-title {
  font-size: 46px;
  font-weight: bold;
  color: #FFFFFF;
  position: absolute;
  left: 33px;
  top: 217px;
}
.solution-banner-shang {
  position: absolute;
  left: 0;
  top: 210px;
}
.solution-banner-xia {
  position: absolute;
  left: 543px;
  top: 283px;
}
.solution-banner-title span {
  color: #ED3A2E;
  font-size: 60px;
  margin: 0 20px;
}
.solution-banner-subtitle {
  position: absolute;
  left: 0;
  top: 380px;
}
.solution-banner-subtitle li {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  list-style: none;
  line-height: 35px;
}
.solution-banner-subtitle li img {
  vertical-align: middle;
  margin-right: 22px;
}
.yyys {
  width: 170px;
  height: 53px;
  background: #2357CE;
  border-radius: 20px 4px 20px 4px;
  opacity: 0.91;
  display: inline-block;
  text-align: center;
  line-height: 53px;
  color: #FFFFFF;
  position: absolute;
  top: 584px;
  left: 0;
}
.ljgd {
  width: 170px;
  height: 53px;
  border-radius: 20px 4px 20px 4px;
  opacity: 0.77;
  border: 3px solid #2357CE;
  display: inline-block;
  text-align: center;
  line-height: 53px;
  color: #FFFFFF;
  position: absolute;
  top: 584px;
  left: 237px;
}
.solution-banner .pop {
  height: 47px;
  line-height: 47px;
  background: #234DB9;
  border-radius: 4px 4px 0px 4px;
  display: inline-block;
  font-size: 16px;
  color: #FFFFFF;
  padding: 0 16px;

}
.solution-banner .pop1 {
  position: absolute;
  left: 643px;
  top: 252px;
}
.solution-banner .pop1 i {
  position: absolute;
  width: 0px;
  height: 0;
  top: 23px;
  right: -10px;
  border-top: 24px solid transparent;
  border-bottom: -6px solid transparent;
  border-left: 10px solid #234db9;
}
.solution-banner .pop2 {
  position: absolute;
  left: 923px;
  top: 163px;
}
.solution-banner .pop2 i {
  position: absolute;
  width: 0px;
  height: 0;
  top: 24px;
  left: 0px;
  border-top: 20px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 29px solid #234db9;
}
.solution-banner .pop3 {
  position: absolute;
  left: 1057px;
  top: 262px;
}
.solution-banner .pop3 i {
  position: absolute;
  width: 0px;
  height: 0px;
  top: 24px;
  left: 0px;
  border-top: 23px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 30px solid #234db9;
}
.solution-body{
  width: 100%;
  position: relative;
}
/* 政务协同解决方案详情 */
.solutionDetails-part1 {
  width: 100%;
    height: 929px;
    margin-top: 60px;
    position: relative;
}
.solutionDetails-part1-bg{
  width: 100%;
  height: 929px;
  background: #F6F9FE;
  position: absolute;
  right: 50%;
  margin-right: -747px;
}
.solutionDetails-part-title {
    width: 330px;
    height: 80px;
    position: relative;
}

.solutionDetails-part-title span {
    font-size: 30px;
    font-weight: bold;
    color: #2357CE;
    line-height: 40px;
    position: absolute;
    top: 25px;
    z-index: 2;
}

.solutionDetails-part-title p {
    width: 568PX;
    font-size: 30px;
    font-weight: 400;
    color: #E0E6F2;
    margin: 0;
    position: absolute;
    top: 40px;
}

.solutionDetails-part1-warp {
    position: relative;
}

.solutionDetails-part1-right {
    position: absolute;
    right: 0;
    top: 272px;
}

.solutionDetails-part1-left {
    float: left;
}

.solutionDetails-part1-left .solutionDetails-part-title {
    margin-top: 50px;
}

.solutionDetails-part1-describe {
    width: 708px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-top: 41px;
}

.solutionDetails-part1-con {
    width: 758px;
    height: 567px;
    background: url("../images/touming.png") no-repeat;
    overflow: hidden;
    margin-top: 16px;
}

.solutionDetails-part1-items {
    width: 620px;
    margin-left: 53px;
}

.solutionDetails-part1-items-right img {
    position: absolute;
    left: -50px;
}

.solutionDetails-part1-items-right {
    float: right;
    width: 560px;
    margin-bottom: 34px;
    position: relative;
}

.solutionDetails-part1-items:first-child {
    margin-top: 40px;
}

.solutionDetails-part1-items-right span {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.solutionDetails-part1-items-right p {
    width: 560px;
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    margin-top: 8px;
    text-align: justify;
}

.solutionDetails-part2 {
    height: 752px;
    background: url("../images/solutionDetails-tuoyuan.png") no-repeat;
    background-position: center bottom;
}

.solutionDetails-part2-warp a {
    float: left;
    margin-top: 30px;
    margin-left: 545px;
}

.solutionDetails-part2-describe {
    width: 1196px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.solutionDetails-part2-warp .solutionDetails-part-title {
    float: right;
    margin-top: 40px;
}

.solutionDetails-part2-describe {
    float: left;
    margin-top: 23px;
}

.solutionDetails-part2-items {
    width: 271px;
    height: 408px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(35, 87, 206, 0.3);
    float: left;
    margin: 42px 60px 0;
}

.solutionDetails-part2-items img {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-top: 42px;
}

.smallicon img {
    margin-top: 27px;
}

.solutionDetails-part2-items span {
    height: 21px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    display: block;
    margin-top: 22px;
    margin-bottom: 44px;
    text-align: center;
}

.solutionDetails-part2-items p {
    width: 223px;
    height: 125px;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin: 0 auto;
}

.solutionDetails-part3 {
    height: 929px;
    margin-top: 80px;
}
.solutionDetails-part3-bg{
  width: 100%;
  height: 929px;
  background: #F6F9FE;
  position: absolute;
  left: 50%;
  margin-left: -747px;
}
.solutionDetails-part3 .index_wrap{
  position: relative;
}
.solutionDetails-part3 .solutionDetails-part-title{
  margin-top: 10px;
}
.solutionDetails-part3-describe {
    width: 1200px;
    font-size: 16px;
    color: #333333;
}

.solutionDetails-part3 a {
    float: left;
    margin-top: 30px;
    margin-left: 545px;
}

.solutionDetails-part3-con img {
    float: left;
    margin-left: 174px;
}

.solutionDetails-part3-describe {
    margin-top: 23px;
}

.solutionDetails-part4 .index_wrap {
    height: 1015px;
}

.solutionDetails-part4 .solutionDetails-part-title {
    width: 248px;
    float: right;
    margin-top: 40px;
}

.solutionDetails-part4-describe {
    margin-top: 28px;
    float: right;
}

.solutionDetails-part4-item1 {
    width: 100%;
    height: 180px;
    background: url(../images/hyyy1.png) no-repeat;
    margin-top: 44px;
}

.part4-item1-left {
    width: 250px;
    height: 130px;
    float: left;
    background: #E3E8F357;
    margin-top: 26px;
    margin-left: 18px;
    border-radius: 8px;
}

.part4-item1-right {
    width: 780px;
    height: 73px;
    float: right;
    margin-top: 52px;
    margin-right: 133px;
    line-height: 26px;
    color: #333333;
    font-size: 16px;
}

.part4-item1-left img {
    display: block;
    margin: 0 auto;
    margin-top: 17px;
}

.part4-item1-left span {
    text-align: center;
    font-weight: 600;
    display: block;
    margin-top: 8px;
}

.solutionDetails-part4-item2 {
    width: 100%;
    height: 180px;
    background: url(../images/hyyy2.png) no-repeat;
    margin-top: 44px;
}

.part4-item2-right {
    width: 250px;
    height: 130px;
    float: right;
    background: #E3E8F357;
    margin-top: 26px;
    margin-right: 18px;
    border-radius: 8px;
}

.part4-item2-left {
    width: 780px;
    height: 73px;
    float: left;
    margin-top: 52px;
    margin-left: 111px;
    line-height: 26px;
    color: #333333;
    font-size: 16px;
}

.part4-item2-right img {
    display: block;
    margin: 0 auto;
    margin-top: 17px;
}

.part4-item2-right span {
    text-align: center;
    font-weight: 600;
    display: block;
    margin-top: 8px;
}
.solutionDetails-part5 .solution-more{
  margin-top: 0;
}
.solution-more {
  display: block;
  width: 110px;
  height: 36px;
  background: #2357CE;
  border-radius: 20px;
  margin: auto;
  margin-top: 30px;
}
.solution-more span{
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  color: #FFFFFF;
  display: block;
  width: 62px;
  float: left;
  margin-left: 18px;
}
.solution-more img {
  float: left;
  margin-top: 15px;
}

.solutionDetails-part5 {
    height: 929px;
    position: relative;
}
.solutionDetails-part5 .index_wrap{
  position: relative;
}
.solutionDetails-part5-left {
    float: left;
    margin-top: 40px;
}

.solutionDetails-part5-describe {
    width: 708px;
    margin-top: 41px;
    color: #333333;
    line-height: 30px;
}

.solutionDetails-part5-con {
    width: 1200px;
}

.solutionDetails-part5-con img {
    margin: 0 auto;
    display: block;
}

.solutionDetails-part6 {
    height: 1360px;
}

.solutionDetails-part6 .solutionDetails-part-title {
    float: right;
    margin-top: 103px;
    width: 360px;
}

.solutionDetails-part6-describe {
    width: 1152px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    float: right;
    margin-top: 28px;
    margin-bottom: 60px;
}

.solutionDetails-part6-con {
    float: left;
}

.part6-item1 {
    width: 141px;
    height: 122px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(35, 87, 206, 0.3);
    border-radius: 50px 50px 50px 50px;
    display: table-cell;
    vertical-align: middle;
}

.part6-item1 img {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
}

.part6-items span {
    width: 140px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    display: inline-block;
    margin-top: 23px;
}

.part6-items {
    margin: 71px 49px 0px;
    float: left;
}

.solutionDetails-part6 a {
    float: left;
    margin-top: 54px;
    margin-left: 544px;
}

.solutionDetails-part7 {
    height: 919px;
    position: relative;
}
.solutionDetails-part7-bg{
  width: 100%;
  height: 919px;
  background: #F6F9FE;
  position: absolute;
  left: 50%;
  margin-left: -747px;
}
.solutionDetails-part7-warp {
    position: relative;
}
.solutionDetails-part7-describe {
    margin-top: 23px;
    color: #333333;
    line-height: 30px;
}
.part7-items {
    position: relative;
}

.part7-items-tit {
    width: 187px;
    height: 50px;
    background: #1F6CEF;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #1F6CEF;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: -35px;
}
.part7-items-con {
    width: 292px;
    height: 153px;
    display: inline-block;
    background: rgba(227,232,243,0.6);
}
.list3 .part7-items-con{
  width: 385px;
}
.part7-items-con ul{
  float: left;
  width: 150px;
  margin-left: 40px;
  margin-top: 20px;
}
.list3 .part7-items-con ul{
  width: 100%;
  margin-left: 0;
}
.list3 .part7-items-con ul li{
  margin-left: 40px;
}
.part7-items-con li {
    float: left;
    height: 21px;
    margin-top: 17px;
}
.part7-items-con li img{
  float: left;
  margin-top: 5px;
}
.part7-items-con li span{
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 21px;
  height: 21px;
  margin-left: 10px;
}
.list1 {
    position: absolute;
    top: 256px;
    right: 188px;
}

.list2 {
    position: absolute;
    top: 461px;
    right: 28px;
}

.list3 {
    position: absolute;
    top: 666px;
    right: 104px;
}

.solutionDetails-part7 a {
    float: left;
    margin-top: 34px;
    margin-left: 544px;
    position: relative;
}
.solutionDetails-part-title .tit-right{
    right: 0;
}

@media screen and (min-width: 1921px) {
    .about_banner{
        background-size: 100%;
        background-position: center center;
    }
    .about_spirit{
      background-size: 100%;
        background-position: center bottom;
    }
    .about_leader{
        background-size: 100%;
        background-position: center bottom;
    }
}
.swiper-pagination-bullet {
  width: 25px !important;
  /* 长方形宽度 */
  height: 8px !important;
  /* 长方形高度 */
  border-radius: 4px !important;
  /* 圆角 */
  background: #ccc !important;
  opacity: 1;
  margin: 0 6px !important;
  /* 间距 */
}

.swiper-pagination-bullet-active {
  background: #007aff !important;
  /* 选中颜色 */
  width: 40px !important;
  /* 选中时更长 */
}