@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;
}

.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;
}

.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;
}

.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") no-repeat;
  background-position: center top;
}

.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;
}

.product-list2 {
  width: 100%;
  height: 560px;
  background: url("../images/productsbg.png") no-repeat;
  background-position: center top;
}

/* 产品中心详情页 */
.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 {
  width: 180px;
  height: 26px;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #FFFFFF;
  float: left;
  margin-top: 19px;
}

.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: 78px;
}

.cpshow-part1-left span {
  width: 140px;
  height: 6px;
  background: #1875F0;
  display: inline-block;
  margin-top: 35px;
}

.cpshow-part1-left p {
  width: 251px;
  font-size: 20px;
  color: #191919;
  margin-top: 25px;
  line-height: 26px;
}

.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: 696px;
  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;
  overflow: hidden;
  position: relative;
}

.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;
  overflow: hidden;
  position: relative;
}

.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;
}

.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;
}

.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: 765px;
  padding-top: 88px;
  background: url(../images/about_honorbg.jpg) no-repeat top center;
}

.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: 1100px;
  height: 335px;
  background: #FFFFFF;
  box-shadow: 0px 5px 5px 0px rgba(6, 0, 1, 0.11);
  border-radius: 6px;
  margin: auto;
  margin-top: 80px;
  position: relative;
}

.about_honor_wrap {
  width: 1020px;
  height: 275px;
  float: left;
  margin-top: 30px;
  margin-left: 40px;
  overflow: hidden;
}

.about_honor_img1,
.about_honor_img3 {
  position: absolute;
  top: 87px;
  left: -97px;
  cursor: pointer;
  opacity: 0.3;
  filter: alpha(opacity=30);
  transition: 0.2s;
}

.about_honor_img2,
.about_honor_img4 {
  position: absolute;
  top: 87px;
  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 ul li {
  width: 350px;
  height: 275px;
  text-align: center;
  border-right: 2px solid #eeeeee;
}

.about_honor_tab_img {
  padding-left: 10px;
  padding-right: 10px;
  height: 210px;
  padding-top: 10px;
  background: linear-gradient(-45deg, #7803AE, #0368CA, #190A99);
  display: inline-block;
  margin: auto;
}

.about_honor_tab_img img {
  height: 190px;
  width: auto;
}

.about_honor_tab ul li p {
  width: 290px;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  color: #666666;
  text-align: center;
  margin: auto;
  margin-top: 10px;
}

.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;
}

.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: 724px;
}

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

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

.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) {
  .anli_banner {
    background-size: 100%;
    background-position: center center;
  }

  .selectedCase-part1 {
    background-size: 100%;
    background-position: center center;
  }

  .selectedCase-part2 {
    background-size: 100%;
    background-position: center center;
  }

  .selectedCase-part3 {
    background-size: 100%;
    background-position: center center;
  }

  .selectedCase-part4 {
    background-size: 100%;
    background-position: center center;
  }

}