.right {
  float: right
}

.left {
  float: left
}

.page-cen {
  max-width: 1260px;
  margin: 0 auto
}

.page-cen.alt {
  max-width: 900px;
  margin: 0 auto
}

.page-cen1 {
  max-width: 1530px;
  padding: 0 15px;
  margin: 0 auto;
}

html {
  overflow-x: hidden
}

.wrapper {
  background-color: #f7f7f7
}

body {
  font-family: "Source Han Sans CN", Arial, verdana, "微软雅黑", SimHei, "微软雅黑", "microsoft yahei";
  font-size: 14px;
  color: #747474;
  overflow: hidden;
  display: inline
}

.header .header_top {
  color: #666;
  padding: 24px 0 0;
  height: 70px
}

.header .header_top .page-cen {
  position: relative
}

.header .header_top .tel {
  position: absolute;
  left: -140px;
  line-height: 26px;
  padding-left: 40px;
  background: url(../images/icon_index.png?v=180604161419) no-repeat 0 2px
}

.header .header_top .search {
  position: absolute;
  right: -140px
}

.header .header_top .search input {
  border: 1px solid #fff;
  outline: 0;
  width: 0;
  height: 26px;
  line-height: 26px;
  padding: 0 30px 0 10px;
  background: url(../images/icon_index.png?v=180604161419) no-repeat 100% -25px;
  cursor: pointer;
  transition: all .4s
}

.header .header_top .search input:focus {
  border: 1px solid #666;
  border-radius: 4px;
  width: 120px
}

.header .header_top .logo {
  text-align: center;
  font-size: 0
}

.header .header_nav {
  /* background-color: #01559d; */
  /* margin-top: -20px;
  padding-top: 20px */
}

.header .header_nav nav {
  line-height: 80px
}



.header .header_nav nav .menu_level_01 {
  text-align: center;
  float: right;
}

.z-logo {
  float: left;
}

.z-logo>a {
  display: block;
  line-height: 80px;
}

.z-logo>a img {
  display: inline-block;
  vertical-align: middle;
}

.z-logo.show-mob {
  display: none;
}

.header .header_nav nav .menu_level_01 .list {
  /* display: inline-block; */
  float: left;
  margin: 0 11px
}

.header .header_nav nav .menu_level_01 .list.navMenu {
  /* padding: 0 40px 0 20px; */
  position: relative
}

/* .header .header_nav nav .menu_level_01 .list.navMenu:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 16px;
  height: 10px;
  background: url(../images/icon_index.png?v=180604161419) no-repeat 0 -58px
} */

.header .header_nav nav .menu_level_01 .list.navMenu ul {
  position: absolute;
  z-index: 10;
  left: 0;
  line-height: 60px;
  width: 100%;
  background-color: #fff;
  display: none;
  top: 100%;
}

.header .header_nav nav .menu_level_01 .list.navMenu ul li {
  border-bottom: 1px solid #01559d
}

.header .header_nav nav .menu_level_01 .list.navMenu ul li:hover {
  background-color: #01559d
}

.header .header_nav nav .menu_level_01 .list.navMenu ul li:hover a {
  color: #fff
}

.header .header_nav nav .menu_level_01 .list.navMenu ul a {
  color: #01559d
}

.header .header_nav nav .menu_level_01 .list a {
  display: block;
  color: #333;
  padding: 0 17px;
  position: relative;
}

.header .header_nav nav .menu_level_01 .list a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #01559d;
}

.header .header_nav nav .menu_level_01 .list:hover>a:before,
.header .header_nav nav .menu_level_01 .list.active>a:before {
  width: 100%;
}

.header .header_nav nav .menu_level_01 .list:hover>a,
.header .header_nav nav .menu_level_01 .list.active>a {
  color: #01559d;
}


.btn {
  display: block;
  width: 146px;
  height: 50px;
  font-size: 16px;
  background-color: #01559d;
  color: #fff;
  font-weight: 200;
  line-height: 50px;
  text-align: center
}

.btn_02 {
  display: block;
  padding-right: 50px;
  line-height: 48px;
  width: 94px;
  font-size: 16px;
  color: #666;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #dadada;
  background: url(../images/btn_02.png?v=180604161419) no-repeat 94px 50%
}

.btn_03 {
  display: block;
  margin: 0 auto;
  line-height: 48px;
  width: 120px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border: 1px solid #fff
}

.baseposition {
  position: relative
}

.side_box {
  position: absolute;
  right: 0;
  width: 50px
}

.sideTop {
  opacity: 0;
  cursor: pointer;
  transition: all .2s
}

.footer {
  padding: 50px 0 0;
  overflow: hidden;
  background-color: #fff;
  color: #333
}

.footer .foot_top {
  padding-bottom: 25px
}

.footer .foot_top .right {
  width: 870px
}

.footer .foot_top .right .link_friend {
  font-size: 24px;
  color: #000;
  padding-bottom: 20px;
  border-bottom: 1px solid #8b8b91
}

.footer .foot_top .right .link_lists li {
  width: 25%;
  float: left;
  margin-top: 16px
}

.footer .foot_top .right .link_lists li a {
  color: #666
}

.footer .item {
  float: left;
  width: 115px;
  margin-top: 40px;
  margin-right: 36px;
  font-weight: 300
}

.footer .item.last {
  margin-right: 0
}

.footer .item h4 {
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 16px;
  color: #333
}

.footer .item p {
  color: #666;
  font-size: 16px;
  line-height: 32px
}

.footer .legal_box {
  padding-top: 40px
}

.footer .legal_list {
  float: left;
  margin: 0 10px;
  font-size: 12px
}

.footer .legal_list a {
  color: #fff
}

.footer a {
  color: #ced3e2
}

.footer a:hover {
  color: #fff
}

.footer .foot_bottom {
  border-top: 2px solid #ebebeb;
  padding: 16px 0;
  color: #ced3e2;
  font-size: 14px
}

.footer .foot_bottom .left {
  line-height: 20px;
  color: grey
}

.footer .foot_bottom .left a {
  color: grey
}

.footer .foot_bottom .foot_link_icon {
  float: right;
  width: 28px;
  height: 20px;
  float: left;
  background: no-repeat 50%;
  margin-left: 20px
}

.footer .foot_bottom .foot_link_icon a {
  display: block;
  height: 100%
}

.footer .foot_bottom .wx {
  background-image: url(../images/wx.png?v=180604161419)
}

.footer .foot_bottom .wb {
  background-image: url(../images/wb.png?v=180604161419)
}

.footer .foot_bottom .fb {
  background-image: url(../images/fb.png?v=180604161419)
}

.footer .foot_bottom .tw {
  background-image: url(../images/tw.png?v=180604161419)
}

.section_title {
  font-size: 36px;
  color: #01559d;
  text-align: center
}

.section_info {
  margin-top: 16px;
  font-size: 20px;
  line-height: 36px;
  font-weight: 300;
  color: #333;
  margin-bottom: 45px;
  text-align: center
}

.t_white {
  color: #fff !important
}

.page_banner {
  position: relative;
  height: 710px;
  overflow: hidden
}

.page_banner .pic {
  width: 100%;
  height: 100%;
  position: absolute
}

.page_banner .pic img {
  position: absolute;
  left: -200%;
  right: -200%;
  margin: auto;
  min-width: 100%;
  height: 100%;
  display: block
}

.page_banner .page-cen {
  position: relative;
  height: 100%
}

.page_banner .page-cen:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0
}

.page_banner .info {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  color: #fff;
  text-shadow: 0 1px 1px #666;
  font-weight: 300
}

.page_banner .info h1 {
  font-size: 48px
}

.page_banner .info h1:after {
  content: '';
  display: block;
  margin: 30px 0;
  height: 2px;
  width: 56px;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 #666
}

.page_banner .info .text {
  font-size: 18px;
  line-height: 30px;
  width: 40%;
}

.crumbs {
  padding-bottom: 10px;
  border-bottom: 1px solid #dadada
}

.crumbs .breadcrumbs {
  overflow: hidden
}

.crumbs .breadcrumbs li {
  float: left
}

.crumbs .breadcrumbs li.current {
  color: #333
}

.crumbs .breadcrumbs li .sep {
  margin: 0 6px 0 4px
}

.crumbs .breadcrumbs li a {
  color: #666
}

.page_block {
  background-color: #f7f7f7;
  padding-bottom: 80px
}

.page_block .page_nav {
  position: relative;
  z-index: 20;
  margin-top: -60px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background-color: #0c4da2
}

.page_block .page_nav .nav_home {
  width: 54px;
  background: url(../images/icon_home.png?v=180604161419) no-repeat 50%
}

.page_block .page_nav li {
  float: left;
  border-right: 1px solid #255fab;
  height: 60px;
  padding-right: 40px;
  width: 140px;
  background: url(../images/dropdown.png?v=180604161419) no-repeat 150px 50%
}

.page_block .page_nav li a {
  color: #fff;
  display: block;
  padding-left: 15px
}

.page_block .page_wrapper {
  margin-top: 40px;
  padding: 50px 60px 0;
  background-color: #fff
}

.page_about .page_about_info {
  padding: 70px 0;
  background: url(../images/page_about_bg.jpg?v=180604161419) no-repeat;
  background-size: cover;
}

.page_about .page_about_info .about_info_lists {
  margin: 80px 0
}

.page_about .page_about_info .about_info_lists li {
  width: 25%;
  float: left;
  text-align: center
}

.page_about .page_about_info .about_info_lists li .title {
  font-size: 35px;
  color: #333
}

.page_about .page_about_info .about_info_lists li .text {
  font-size: 16px;
  line-height: 24px;
  color: #666
}

.page_about .page_about_achievements {
  height: 800px;
  background-image: url(../images/about_achievements.jpg?v=180604161419);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover
}

.page_about .page_about_achievements .page-cen {
  height: 100%
}

.page_about .page_about_achievements .page-cen .left {
  height: 100%;
  white-space: nowrap;
  width: 70%;
  color: #fff;
  font-weight: 300
}

.page_about .page_about_achievements .page-cen .left:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.page_about .page_about_achievements .page-cen .left ul {
  display: inline-block;
  vertical-align: middle;
  white-space: normal
}

.page_about .page_about_achievements .page-cen .left li {
  display: none
}

.page_about .page_about_achievements .page-cen .left li.active {
  display: block
}

.page_about .page_about_achievements .page-cen .left li .title {
  font-size: 36px
}

.page_about .page_about_achievements .page-cen .left li .subtitle {
  font-size: 24px;
  margin-top: 20px
}

.page_about .page_about_achievements .page-cen .left li .text {
  margin-top: 15px;
  font-size: 18px;
  line-height: 30px
}

.page_about .page_about_achievements .page-cen .right {
  width: 22%;
  height: 100%;
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: 300
}

.page_about .page_about_achievements .page-cen .right ul {
  height: 100%;
  border: 1px solid #fff;
  border-top: none;
  border-bottom: none
}

.page_about .page_about_achievements .page-cen .right li {
  height: 20%;
  width: 100%;
  border-bottom: 1px solid #fff;
  white-space: nowrap;
  cursor: pointer
}

.page_about .page_about_achievements .page-cen .right li.active {
  background: url(../images/about_achievements_list_bg.png?v=180604161419)
}

.page_about .page_about_achievements .page-cen .right li span {
  vertical-align: middle;
  display: inline-block
}

.page_about .page_about_achievements .page-cen .right li:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.page_about .page_about_evaluate {
  padding: 60px 0
}

.page_about .page_about_evaluate .section_title {
  font-size: 30px;
  text-align: left
}

.page_about .page_about_evaluate .evaluate_title {
  font-size: 18px;
  color: #333;
  margin-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5
}

.page_about .page_about_evaluate .evaluate_lists {
  overflow: hidden
}

.page_about .page_about_evaluate .evaluate_lists ul {
  margin-left: -40px;
  padding-bottom: 70px
}

.page_about .page_about_evaluate .evaluate_lists li {
  float: left;
  margin: 30px 0 30px 40px
}

.clearmarginTop {
  margin-top: -1px;
  padding-top: 1px
}

.page_board {
  padding: 40px 0 120px
}

.page_board .section_title {
  text-align: left;
  font-size: 24px;
  margin-bottom: 20px
}

.page_board .board_first {
  padding: 55px 0;
  border-top: 1px solid #e6e6e6;
  white-space: nowrap
}

.page_board .board_first .pic {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-right: 5%
}

.page_board .board_first .info {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.page_board .board_first .info .title {
  color: #01559d;
  margin-top: 26px;
  font-size: 16px
}

.page_board .board_first .info .title span {
  font-size: 24px
}

.page_board .board_first .info .text {
  margin-top: 20px;
  line-height: 30px
}

.page_board .board_lists li {
  position: relative;
  border: 1px solid #e6e6e6;
  padding: 0 16px;
  margin-bottom: 40px;
  width: 45%;
  float: left
}

.page_board .board_lists li.odd {
  float: right
}

.page_board .board_lists li.active {
  border-bottom: none
}

.page_board .board_lists li.active .title {
  border-bottom: 1px solid #e6e6e6
}

.page_board .board_lists li.active .title:after {
  background-position: -12px 50%
}

.page_board .board_lists li.active .info {
  border: 1px solid #e6e6e6;
  border-top: none
}

.page_board .board_lists .title {
  position: relative;
  line-height: 50px;
  font-size: 16px;
  color: #666;
  cursor: pointer
}

.page_board .board_lists .title:after {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  background: url(../images/icon_lists.png?v=180604161419) no-repeat 0 50%
}

.page_board .board_lists .title span {
  color: #333;
  font-size: 18px
}

.page_board .board_lists .info {
  position: absolute;
  z-index: 10;
  top: 52px;
  left: 0;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  padding: 10px;
  margin: 0 -1px;
  font-size: 16px;
  line-height: 31px;
  display: none
}

.page_enterprise {
  padding: 60px 0
}

.page_enterprise .section_title {
  font-size: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  text-align: left
}

.page_enterprise .enterprise_lists {
  padding: 70px 0
}

.page_enterprise .enterprise_lists ul {
  margin: 0 -1%
}

.page_enterprise .enterprise_lists li {
  float: left;
  width: 31.333%;
  margin: 0 1%;
  border-top: 3px solid #01559d;
  box-shadow: 0 1px 3px #eaeaea
}

.page_enterprise .enterprise_lists li .info {
  padding: 40px 20px 30px;
  font-size: 16px;
  line-height: 30px
}

.page_enterprise .enterprise_lists li .title {
  font-size: 20px;
  color: #333;
  line-height: 30px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin-bottom: 15px
}

.page_service {
  font-weight: 300;
  color: #333
}

.page_service img {
  width: 100%;
  display: block
}

.page_service .page_service_01 {
  padding: 100px 0 140px
}

.page_service .page_service_01 .right {
  width: 45%
}

.page_service .page_service_01 .left {
  width: 42%;
  margin-top: 200px
}

.page_service .page_service_02 {
  background-color: #fafafa;
  position: relative
}

.page_service .page_service_02 .right {
  width: 58%
}

.page_service .page_service_02 .service_02_view {
  position: absolute;
  width: 100%;
  height: 100%
}

.page_service .page_service_02 .service_02_view .page-cen {
  height: 100%;
  white-space: nowrap
}

.page_service .page_service_02 .service_02_view .page-cen:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.page_service .page_service_02 .service_02_view .info_box {
  display: inline-block;
  white-space: normal;
  width: 30%;
  vertical-align: middle
}

.page_service .page_service_03 {
  padding: 80px 0
}

.page_service .page_service_03 .service_list_first {
  white-space: nowrap
}

.page_service .page_service_03 .service_list_first .pic {
  width: 55%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5%
}

.page_service .page_service_03 .service_list_first .info {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  white-space: normal
}

.page_service .page_service_03 .right {
  margin-top: 100px
}

.page_service .page_service_03 .left {
  margin-top: 500px
}

.page_service .page_service_03 .left .pic {
  margin-top: 10px
}

.page_service .page_service_03 .left .text {
  margin-top: 30px
}

.page_service .title {
  font-size: 30px;
  line-height: 60px
}

.page_service .text {
  font-size: 16px;
  line-height: 24px
}

.page_business .business_list {
  padding: 100px 0;
  position: relative
}

.page_business .info {
  position: absolute;
  width: 51%;
  margin-top: 190px;
  box-shadow: 0 3px 7px 0 #eaeaea;
  font-weight: 300;
  color: #000;
  background-color: #fff;
  z-index: 10
}

.page_business .info.tram_info {
  margin-top: 0;
  width: 45%;
  height: 490px;
  overflow: hidden
}

.page_business .info.tram_info .info_box {
  padding: 30px 40px 40px
}

.page_business .info.tram_info .info_text {
  height: auto
}

.page_business .info .info_box {
  padding: 40px
}

.page_business .info .title {
  font-size: 36px;
  line-height: 62px;
  color: #01559d;
  border-bottom: 1px solid #d9d9d9
}

.page_business .info .subtitle {
  font-size: 24px;
  margin: 20px 0
}

.page_business .info .text {
  font-size: 16px;
  line-height: 24px
}

.page_business .pics {
  height: 600px;
  float: right;
  width: 66%;
  overflow: hidden
}

.page_business .pics.tram_pics {
  width: 55%;
  height: 490px
}

.page_business .pics.tram_pics div {
  height: 100%
}

.page_business .pics.tram_pics img {
  height: 100%
}

.page_business .pics img {
  float: left;
  width: 100%
}

.page_business .info_text {
  height: 310px;
  overflow: hidden
}

.page_business .info_list {
  float: left;
  margin-bottom: 50px
}

.page_business .left.pics {
  float: left
}

.page_business .right.info {
  right: 0
}

.page_business .business_nav {
  position: absolute;
  width: 66%;
  right: 0;
  text-align: center;
  bottom: 110px
}

.page_business .business_nav.left {
  right: auto;
  left: 0
}

.page_business .business_nav span {
  display: none
}

.page_business .business_nav a {
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 3px solid #01559d;
  border-radius: 50%;
  margin: 0 10px
}

.page_business .business_nav a.selected {
  background-color: #01559d
}

.page_business .business_bridge {
  height: 750px;
  overflow: hidden;
  position: relative
}

.page_business .business_bridge .bridge_slide {
  width: 100%;
  height: 750px;
  background: no-repeat 50%;
  background-size: cover;
  float: left
}

.page_business .business_bridge .bridge_slide .info {
  position: static;
  background-color: rgba(255, 255, 255, .3);
  width: 538px;
  color: #fff;
  box-shadow: none;
  margin-top: 75px
}

.page_business .business_bridge .bridge_slide .info .title {
  color: #fff
}

.page_business .business_bridge .bridgeNav_box {
  position: relative
}

.page_business .business_bridge .bridgeNav {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-weight: 300
}

.page_business .business_bridge .bridgeNav a {
  position: relative;
  display: block;
  color: #fff;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 25%;
  background-color: rgba(0, 0, 0, .5)
}

.page_business .business_bridge .bridgeNav a.selected {
  background-color: rgba(0, 0, 0, .6)
}

.page_business .business_bridge .bridgeNav a.selected:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 12px;
  display: block;
  background: url(../images/arrow_blackpng.png?v=180604161419) no-repeat 50% 100%
}

.page_business .business_bridge .bridgeNav a:after {
  content: '';
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #8c9caf
}

.page_market {
  padding: 70px 0
}

.page_market .market_car_box {
  position: relative;
  margin-top: 60px;
  height: 550px
}

.page_market .market_car_box img {
  display: block
}

.page_market .market_car_box .market_next,
.page_market .market_car_box .market_prev {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 62%;
  background: url(../images/market_arrow.png?v=180604161419) no-repeat 0 0;
  color: #fff
}

.page_market .market_car_box .market_next {
  left: auto;
  right: 0;
  background-position: 100% 0
}

.page_market .market_car_box .market_carousel_left,
.page_market .market_car_box .market_carousel_right {
  position: absolute;
  left: 0;
  width: 460px;
  height: 360px;
  bottom: 0;
  overflow: hidden
}

.page_market .market_car_box .market_carousel_left .pic,
.page_market .market_car_box .market_carousel_right .pic {
  height: 100%;
  width: 460px;
  overflow: hidden;
  float: left
}

.page_market .market_car_box .market_carousel_left .pic img,
.page_market .market_car_box .market_carousel_right .pic img {
  display: block;
  width: 100%;
  min-height: 100%
}

.page_market .market_car_box .market_carousel_right {
  right: 0;
  left: auto
}

.page_market .market_car_box .market_carousel_center {
  position: absolute;
  left: 260px;
  bottom: -50px;
  top: auto;
  margin: 0 auto;
  width: 740px;
  height: 540px;
  z-index: 10;
  overflow: hidden
}

.page_market .market_car_box .market_carousel_center .market_slide {
  width: 740px;
  float: left
}

.page_market .market_car_box .market_carousel_center .pic {
  height: 490px;
  width: 100%
}

.page_market .market_car_box .market_carousel_center .pic img {
  height: 100%;
  min-width: 100%
}

.page_market .market_car_box .market_carousel_center .text {
  text-align: center;
  font-size: 16px;
  line-height: 50px;
  color: #666
}

.page_market .market_info {
  width: 750px;
  margin: 0 auto 80px;
  font-size: 18px;
  line-height: 30px;
  text-align: center
}

.page_market .market_info_box {
  margin-top: 130px;
  color: #333
}

.page_market .market_info_box .market_carousel_info .slide {
  float: left;
  width: 100%;
  height: 524px;
  background-color: #f5f5f5
}

.page_market .market_info_box .market_carousel_info .slide .slide_box {
  padding: 50px
}

.page_market .market_info_box .market_carousel_info .slide .left {
  width: 35.6%
}

.page_market .market_info_box .market_carousel_info .slide .left .title {
  font-size: 24px;
  line-height: 30px;
  color: #333
}

.page_market .market_info_box .market_carousel_info .slide .left .title:after {
  content: '';
  display: block;
  width: 35px;
  height: 3px;
  background-color: #01559d;
  margin-top: 17px
}

.page_market .market_info_box .market_carousel_info .slide .left .text {
  margin-top: 20px;
  line-height: 30px;
  font-size: 18px;
  color: #4c4c4c
}

.page_market .market_info_box .market_carousel_info .slide .left .features {
  font-size: 18px;
  line-height: 30px;
  margin-top: 30px;
  color: #333
}

.page_market .market_info_box .market_carousel_info .slide .left .features li {
  padding-left: 30px;
  background: url(../images/icon_market_feature.png?v=180604161419) no-repeat 0 5px;
  margin: 4px 0
}

.page_market .market_info_box .market_carousel_info .slide .right {
  width: 60%;
  overflow: hidden
}

.page_market .market_info_box .market_carousel_info .slide .right img {
  display: block;
  width: 100%
}

.page_technology .technology_equipment {
  padding: 80px 0;
  font-size: 0;
  background-color: #ebebeb
}

.page_technology .technology_equipment .equimpent_icon {
  width: 30px;
  display: inline-block;
  vertical-align: top;
}

.page_technology .technology_equipment .equimpent_pic {
  width: 510px;
  height: 550px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden
}

.page_technology .technology_equipment .equimpent_pic img {
  display: block;
  width: 100%
}

.page_technology .technology_equipment .equimpent_info {
  font-size: 18px;
  color: #333;
  width: 670px;
  height: 450px;
  overflow: hidden;
  padding-left: 50px;
  display: inline-block;
  vertical-align: top;
  padding-top: 30px
}

.text.alt .more {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #666;
  font-size: 16px;
  margin-top: 40px;
  display: inline-block;
  padding-right: 20px;
  cursor: pointer;
  background: url(../images/platform_arrow.png?v=180604161419) no-repeat 100% 50%;
}

.text.alt.a_show .more {
  background-image: url(../images/platform_arrow_02.png?v=180604161419);
}

.text.alt.a_show .equimpent_info,
.text.alt.a_show {
  height: auto;
}

.equimpent_info p {
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 18px;
}

.page_technology .technology_equipment .equimpent_info .title {
  font-size: 36px;
  line-height: 62px;
  padding-bottom: 10px;
  border-bottom: 1px solid #b1b1b1
}

.page_technology .technology_equipment .equimpent_info .subtitle {
  font-size: 24px;
  line-height: 62px
}

.page_technology .technology_equipment .equimpent_info .text {
  line-height: 30px;
  margin-bottom: 20px
}

.page_technology .patent_equipment {
  background: url(../images/patent.jpg?v=180604161419) no-repeat 50%;
  background-size: cover;
  padding: 50px 0 130px
}

.page_technology .patent_equipment .section_title {
  color: #fff
}

.page_technology .patent_equipment .section_title:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background-color: #fff;
  margin: 20px auto 0
}

.page_technology .patent_equipment .patent_lists {
  margin-top: 40px
}

.page_technology .patent_equipment .list {
  float: left;
  width: 49%;
  height: 520px;
  border-right: 1px solid #527390;
  background: url(../images/paten_bg.png?v=180604161419);
  color: #fff;
  line-height: 62px;
  text-align: left;
}

.page_technology .patent_equipment .list .list_box {
  padding: 60px 20px 60px 60px
}

.page_technology .patent_equipment .list.active .show_btn {
  margin-top: 10px;
  background-position: 100% 0
}

.page_technology .patent_equipment .list.active .text {
  display: block
}

.page_technology .patent_equipment .sort {
  font-size: 24px
}

.page_technology .patent_equipment .sort:after {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  background-color: #fff;
  margin: 10px 0
}

.page_technology .patent_equipment .title {
  font-size: 24px
}

.page_technology .patent_equipment .text {
  display: none;
  font-size: 18px;
  font-weight: 300
}

.page_technology .patent_equipment .text.style1 {
  display: none;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  height: 270px;
  overflow: hidden;
}

.page_technology .patent_equipment .show_btn {
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-top: 130px;
  background: url(../images/paten_icon.png?v=180604161419) no-repeat 0 0
}

.page_technology .platform_equipment {
  padding: 90px 0 190px
}

.page_technology .platform_equipment .left {
  width: 640px;
  height: 500px;
  background: url(../images/platform_bg.png?v=180604161419) no-repeat 100% 100%
}

.page_technology .platform_equipment .left .platform_box {
  height: 458px;
  width: 590px;
  overflow: hidden
}

.page_technology .platform_equipment .left .platform_box .pic {
  width: 590px;
  height: 458px;
  float: left
}

.page_technology .platform_equipment .left .platformNav {
  display: inline-block;
  background-color: #fff;
  padding-top: 20px
}

.page_technology .platform_equipment .left .platformNav span {
  display: none
}

.page_technology .platform_equipment .left .platformNav a {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  position: relative;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 30px
}

.page_technology .platform_equipment .left .platformNav a.selected {
  border-color: #01559d
}

.page_technology .platform_equipment .left .platformNav a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #01559d
}

.page_technology .platform_equipment .right {
  width: 570px;
  color: #333
}

.page_technology .platform_equipment .right .section_title {
  font-size: 30px;
  color: #333;
  text-align: left;
  line-height: 62px
}

.page_technology .platform_equipment .right .section_title:after {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  background-color: #333
}

.page_technology .platform_equipment .right .title {
  font-size: 24px;
  line-height: 62px;
  font-weight: 300
}

.page_technology .platform_equipment .right .text {
  font-weight: 300;
  font-size: 18px;
  line-height: 30px
}

.page_technology .platform_equipment .right .text.hidden {
  display: none
}

.page_technology .platform_equipment .right .more {
  color: #666;
  font-size: 16px;
  margin-top: 40px;
  display: inline-block;
  padding-right: 20px;
  cursor: pointer;
  background: url(../images/platform_arrow.png?v=180604161419) no-repeat 100% 50%
}

.page_technology .platform_equipment .right .slide.a_show .more {
  background-image: url(../images/platform_arrow_02.png?v=180604161419)
}

.page_culture {
  padding: 40px 170px
}

.page_culture .culture_catlog {
  font-size: 18px;
  line-height: 30px;
  color: #333;
  padding-bottom: 6px;
  border-bottom: 1px solid #e6e6e6
}

.page_culture .culture_catlog li {
  margin-right: 60px;
  float: left
}

.page_culture .culture_catlog li a {
  color: #333
}

.page_culture .culture_catlog li.active a {
  color: #01559d
}

.page_culture .lists li {
  font-size: 16px;
  line-height: 62px;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6
}

.page_culture .lists li a {
  color: #333
}

.page_culture .lists li span.time {
  float: right;
  font-weight: 300
}

.page_culture .lists li span.title {
  float: left;
  display: block;
  width: 90%
}

.page_party {
  padding: 40px 0 170px
}

.page_party .section_title {
  font-size: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
  text-align: left;
  color: #01559d
}

.page_party .lists li {
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  padding: 36px 0
}

.page_party .lists li .time {
  float: left;
  width: 80px;
  font-size: 16px;
  color: #666
}

.page_party .lists li .time .d {
  font-size: 48px;
  display: block;
  color: #333;
  line-height: 1
}

.page_party .lists li .info {
  width: 1050px;
  float: left;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis
}

.page_party .lists li .info .title {
  font-size: 18px;
  color: #333
}

.page_party .lists li .info .text {
  font-size: 16px;
  color: #666;
  margin-top: 16px
}

.page_party .lists li .more {
  float: right;
  width: 120px;
  margin-top: 10px
}

.page_party .lists li .more .btn {
  width: 100%
}

.page_download .download {
  overflow: hidden;
  padding: 50px 0 0
}

.page_download .download ul {
  margin: 0 -1.5%
}

.page_download .download li {
  float: left;
  width: 22%;
  margin: 0 1.5% 2px
}

.page_download .download li img {
  display: block;
  width: 100%
}

.page_download .download li .info {
  border: 1px solid #d9d9d9;
  padding: 30px;
  text-align: center
}

.page_download .download li .info .title {
  font-size: 18px;
  color: #333
}

.page_download .download li .info .icon {
  font-size: 16px;
  margin-top: 10px;
  padding-left: 30px;
  background: url(../images/download_icon.png?v=180604161419) no-repeat 0 50%;
  color: #01559d;
  display: inline-block
}

.page_join {
  padding: 70px 0
}

.page_join .section_title:after {
  content: '';
  display: block;
  margin: 24px auto 0;
  background-color: #01559d;
  width: 40px;
  height: 3px
}

.page_join .section_info {
  font-size: 18px;
  line-height: 30px;
  max-width: 942px;
  color: #333;
  margin: 30px auto 0
}

.page_join .join_catalog {
  margin-top: 50px
}

.page_join .join_catalog li {
  float: left;
  width: 540px;
  margin-left: 180px
}

.page_join .join_catalog li.first {
  margin-left: 0
}

.page_join .join_catalog li img {
  display: block;
  width: 100%
}

.page_join .join_catalog li.active .title {
  color: #01559d
}

.page_join .join_catalog li .title {
  margin-top: 30px;
  font-size: 24px;
  color: #333;
  text-align: center
}

.page_join .recruit {
  padding-top: 80px
}

.page_join .recruit .title {
  font-size: 30px;
  line-height: 1;
  color: #4c4c4c;
  padding-bottom: 20px;
  border-bottom: 1px dotted #e6e6e6
}

.page_join .recruit .list {
  border-bottom: 1px dotted #e6e6e6;
  padding: 0 36px;
  background: url(../images/join_icon.png?v=180604161419) no-repeat 100% 28px
}

.page_join .recruit .list.active {
  background-image: url(../images/join_active.png?v=180604161419);
  background-position: 100% 36px
}

.page_join .recruit .list .name {
  line-height: 72px;
  overflow: hidden;
  color: #4c4c4c;
  cursor: pointer
}

.page_join .recruit .list .name li {
  float: left;
  margin-right: 174px
}

.page_join .recruit .list .discription {
  display: none;
  padding-top: 30px;
  color: #333;
  font-size: 16px;
  line-height: 30px
}

.page_join .recruit .list .discription .discription_title {
  font-size: 18px;
  margin-bottom: 30px
}

.page_join .recruit .list .discription .email {
  margin-top: 30px;
  padding-bottom: 30px
}

.page_contact {
  padding: 60px 0
}

.page_contact .section_title {
  font-size: 30px;
  color: #000
}

.page_contact .section_title:after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  margin: 20px auto;
  background-color: #4d4d4d
}

.page_contact .map_view {
  margin: 60px 0;
  height: 570px
}

.page_contact .map_view #map {
  height: 100%
}

.page_contact .contact_info .left {
  width: 540px
}

.page_contact .contact_info .title {
  font-size: 24px;
  line-height: 1;
  color: #01559d
}

.page_contact .contact_info .title:after {
  content: '';
  display: block;
  margin: 20px 0;
  height: 2px;
  background-color: #01559d;
  width: 36px
}

.page_contact .contact_info .info {
  font-size: 16px;
  line-height: 30px;
  color: #333;
  margin-bottom: 20px
}

.page_contact .contact_info li {
  position: relative;
  line-height: 40px;
  padding-left: 50px;
  margin: 7px 0
}

.page_contact .contact_info li:before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(../images/address.png?v=180604161419) no-repeat 0 0
}

.page_contact .contact_info li.tel:before {
  background-position: 0 -48px
}

.page_contact .contact_info li.email:before {
  background-position: 0 -99px
}

.page_contact .contact_info li.website:before {
  background-position: 0 -149px
}

.page_contact .contact_info li.flex:before {
  background-position: 0 -206px
}

.page_contact .contact_info .right {
  width: 640px
}

.page_contact .contact_info .right .label {
  border: 1px solid #dedede;
  line-height: 48px;
  padding: 0 18px;
  margin-bottom: 20px;
  font-size: 16px
}

.page_contact .contact_info .right .label input {
  border: none;
  outline: 0;
  width: 550px
}

.page_contact .contact_info .right .label textarea {
  border: none;
  line-height: 48px;
  resize: none;
  vertical-align: top;
  outline: 0;
  width: 550px;
  height: 105px
}

.page_contact .contact_info .right button {
  margin-top: 30px;
  border: none
}

.page_customers {
  padding-bottom: 60px
}

.page_customers ul {
  overflow: hidden;
  margin-top: 30px
}

.page_customers li {
  position: relative;
  margin-left: -1px;
  margin-top: -1px;
  float: left;
  width: 216px;
  height: 150px;
  border-left: 1px solid #f6f6f6;
  border-top: 1px solid #f6f6f6
}

.page_customers li img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%
}

.fixedRight {
  position: fixed;
  z-index: 100;
  top: 35%;
  right: 0
}

.fixedRight li {
  width: 74px;
  height: 60px;
  margin-bottom: 10px;
  background: no-repeat 0 50%;
  cursor: pointer
}

.fixedRight li a {
  display: block;
  line-height: 60px
}

.fixedRight li.wechat {
  background-image: url(../images/wechat.png?v=180604161419)
}

.fixedRight li.tel {
  background-image: url(../images/tel.png?v=180604161419)
}

.fixedRight li.msg {
  background-image: url(../images/msg.png?v=180604161419)
}

.fixedRight li.top {
  background-image: url(../images/top.png?v=180604161419)
}

.fixedRight .barcode {
  position: absolute;
  right: 50px;
  opacity: 0;
  top: 0
}

/*.page_business {
  padding-bottom: 70px
}

.page_business li {
  margin-top: 40px;
  height: 360px;
  background-color: #f7f7f7;
  overflow: hidden;
  cursor: pointer
}

.page_business li.odd .left {
  float: right
}

.page_business li .left,
.page_business li .right {
  width: 50%;
  height: 100%
}

.page_business li .pic {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}

.page_business li .pic img {
  height: 100%
}

.page_business li .info {
  padding: 70px 50px 0;
  height: 100%
}

.page_business li .info .title {
  font-size: 30px;
  color: #333
}

.page_business li .info .text {
  font-size: 15px;
  line-height: 25px;
  margin-top: 20px;
  color: #666;
  height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden
}

.page_business li .info .more {
  margin-top: 30px
}

.page_business li .info .more .btn_02 {
  margin-left: 0
}

.page_business li:hover .info {
  background-color: #0c4da2
}

.page_business li:hover .info .btn_02,
.page_business li:hover .info .text,
.page_business li:hover .info .title {
  color: #fff
}

.page_infomation .infomation_spec {
  position: relative;
  height: 275px;
  margin-top: 40px;
  padding-bottom: 5px;
  background-color: #0c4da2
}

.page_infomation .infomation_spec:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: #f49900
}

.page_infomation .infomation_spec .pic_box {
  width: 346px;
  height: 100%
}

.page_infomation .infomation_spec .pic_box .pic {
  height: 100%;
  position: relative;
  overflow: hidden
}

.page_infomation .infomation_spec .pic_box .pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  min-height: 100%;
  min-width: 100%
}

.page_infomation .infomation_spec .info {
  width: 674px;
  padding: 30px;
  color: #fff
}

.page_infomation .infomation_spec .info .title {
  font-size: 18px;
  margin-top: 26px
}

.page_infomation .infomation_spec .info .text {
  margin-top: 28px;
  color: #cbd3e5;
  line-height: 28px;
  height: 84px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.page_infomation .infomation_spec .info .more {
  margin-top: 40px
}

.page_infomation .infomation_spec .info .more .left span {
  margin-right: 20px
}

.page_infomation .case_list {
  background-color: #fcfcfc
}

.page_infomation .case_list li {
  width: 346px;
  margin-top: 20px;
  border: none;
  box-shadow: 0 4px 12px 0 #f5f5f5
}*/

.yiiPager {
  margin: 50px auto 0;
  text-align: center
}

.yiiPager li {
  display: inline-block;
  margin: 0 4px;
  cursor: pointer;
  line-height: 28px
}

.yiiPager li.first,
.yiiPager li.last {
  display: none
}

.yiiPager li.next,
.yiiPager li.previous {
  border-radius: 50%;
  margin: 0 14px;
  background-color: #01559d
}

.yiiPager li.next a,
.yiiPager li.previous a {
  color: #fff
}

.yiiPager li a {
  color: #333;
  display: block;
  padding: 0 10px
}

.yiiPager .page.selected a,
.yiiPager li:hover a {
  color: #01559d
}

.yiiPager .page.selected a:after,
.yiiPager li:hover a:after {
  content: '';
  display: block;
  height: 2px;
  background-color: #01559d
}


.enterprise_lists .info p span {
  display: block;
  float: left;
  width: 80%;
}

.enterprise_lists .info p span.info-span {
  width: 15%;
}

.lastli {
  position: relative;
  background: url(../images/sear.png?v=180604161419) no-repeat center center;
  width: 80px;
  height: 80px;
}

.lastli .search {
  position: absolute;
  right: 0;
}

.lastli input {
  border: 1px solid #fff;
  outline: 0;
  width: 0;
  height: 26px;
  line-height: 26px;
  padding: 0 30px 0 10px;

  cursor: pointer;
  transition: all .4s;
}

.p-nav-left {
  float: left;
  line-height: 50px;
}

.p-nav-right {
  float: right;
  line-height: 50px;
}

.p-nav-left img,
.p-nav-right img {
  display: inline-block;
  vertical-align: middle;
}

.p-nav-left span,
.p-nav-right span {
  display: inline-block;
  color: #fff;
  margin-left: 10px;
}

.p-nav-bg {
  background: #353535;
}


/*=====================
  2018/7/23   科技创新
======================*/
.tech-wrap {
  height: 456px;
  margin-bottom: 52px;

  margin-top: -130px;
  padding-top: 130px;
}

.t-bg {
  height: 100%;
  background: #fff;
}

.tech-wrap.alt {
  margin-bottom: 0;
}

.tech-w-right {
  float: right;
  width: 41.9%;
  height: 100%;
  background: #fff;
}

.tech-w-left {
  float: left;
  width: 58%;
  height: 100%;
  background: #fff;
}

.tech-w-imgbox .swiper-slide {
  overflow: hidden;
}

.tech-w-imgbox {
  overflow: hidden;
  height: 100%;
}

.tech-quan-imgs,
.tech-ji-imgs,
.tech-xin-imgs,
.tech-zhi-imgs {
  height: 100%;
}

.tech-w-imgbox img {
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.tech-w-imgbox:hover img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.t-w-l-box {
  padding: 39px 50px 31px 59px;
}

.tech-w-h2 {
  font-size: 30px;
  line-height: 62px;
  color: #000;
}

.tech-m-list {
  height: 300px;
}

.tech-m-list li {
  float: left;
  width: 33.33%;
}

.tech-m-list li:last-child {
  width: 100%;
}

.tech-tab-list li a.tech-a,
.tech-m-list li a.tech-a {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  padding-left: 23px;
  background: url(../images/point1.png) no-repeat left 10px;
  margin: 5px 0;
}

.tech-infobox {
  margin-top: 20px;
}

.tech-tab-list {
  margin-bottom: 18px;
}

.tech-tab-list li:hover a.tech-a,
.tech-tab-list li.active a.tech-a,
.tech-m-list li:hover a.tech-a,
.tech-m-list li.active a.tech-a {
  background: url(../images/point2.png) no-repeat left 10px;
  color: #01559d;
}

.tech-tab-list li {
  float: left;
}

.tech-tab-list li a.tech-a {
  margin-right: 40px;
}

.tech-w-text {
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.tech-w-text {
  height: 225px;
}

.tech-w-descr {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  padding: 39px 50px 31px 59px;
  margin: 27px 0 52px 0;
  background: #fff;
}

/*=====================
  2018/7/23   区域市场
======================*/
.ser-market-bg {
  background: url(../images/c_mark_bg_02.jpg) no-repeat;
  background-size: cover;
}

.m-img img {
  width: 100%;
}

.pr {
  position: relative;
}

.m-box {
  position: absolute;
  right: 33.17%;
  bottom: 14.25%;
}

.m-box.alt-2 {
  right: 30.36%;
  bottom: 31.25%;
}

.m-box.alt-3 {
  right: 34.07%;
  bottom: 43.375%;
}

.m-box.alt-4 {
  right: 31.01%;
  bottom: 48.125%;
}

.m-box.alt-5 {
  left: 75.59%;
  right: auto;
  bottom: 38.625%;
}

.m-box.alt-6 {
  left: 73.76%;
  right: auto;
  bottom: auto;
  top: 63.25%;
}

.m-box.alt-7 {
  left: 76.6%;
  right: auto;
  bottom: auto;
  top: 60.25%;
}

.m-box.alt-8 {
  left: 59.6%;
  right: auto;
  bottom: auto;
  top: 56.9%;
}

.m-box.alt-9 {
  left: 60.6%;
  right: auto;
  bottom: auto;
  top: 58.9%;
}

.m-box.alt-10 {
  left: 75.6%;
  right: auto;
  bottom: auto;
  top: 67.9%;
}

.m-box img,
.m-box p {
  display: inline-block;
  vertical-align: top;
}

.m-box.style2 p,
.m-box.style2 img {
  vertical-align: bottom;
}

.m-box.style2 p {
  margin-top: auto;
  margin-bottom: -13px;
}

.m-box p {
  font-size: 16px;
  line-height: 26px;
  color: #333;
  margin-top: -13px;
}

.m-box span {
  position: absolute;
  display: block;
  right: -6px;
  bottom: -6px;
  width: 12px;
  height: 12px;
  background: #1e7ed0;
  border-radius: 50%;
}

.m-box.style1 span {
  right: auto;
  left: -6px;
  bottom: -6px;
}

.m-box.style2 span {
  right: auto;
  left: -6px;
  bottom: auto;
  top: -6px;
}

.m-box:after,
.m-box:before {
  content: "";
  display: block;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  right: -21px;
  bottom: -21px;
  position: absolute;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  border: 1px solid #01559d;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.m-box:after {
  height: 20px;
  width: 20px;
  right: -11px;
  bottom: -11px;
}

.m-box.style1:after {
  left: -11px;
  right: auto;
}

.m-box.style1:before {
  right: auto;
  left: -21px;
}

.m-box.style2:after {
  left: -11px;
  right: auto;
  bottom: auto;
  top: -11px;
}

.m-box.style2:before {
  right: auto;
  left: -21px;
  bottom: auto;
  top: -21px;
}

.m-box:hover img.show2,
.m-box img.show1 {
  display: inline-block;
}

.m-box:hover img.show1,
.m-box img.show2 {
  display: none;
}

.m-box:hover p {
  color: #ff8a00;
}

.m-box:hover span {
  right: -10px;
  bottom: -10px;
  width: 20px;
  height: 20px;
  background: #ff8a00;
}

.m-box.style1:hover span {
  left: -10px;
  right: auto;
}

.m-box.style2:hover span {
  left: -10px;
  right: auto;
  top: -10px;
  bottom: auto;
}

.m-box:hover:before,
.m-box:hover:after {
  border-color: #ff8a00;
}

.m-box:hover:after {
  height: 24px;
  width: 24px;
  right: -13px;
  bottom: -13px;
}

.m-box.style1:hover:after {
  height: 24px;
  width: 24px;
  left: -13px;
  right: auto;
  bottom: -13px;
}

.m-box.style2:hover:before {
  bottom: auto;
  top: -21px;
}

.m-box.style2:hover:after {
  height: 24px;
  width: 24px;
  left: -13px;
  right: auto;
  top: -13px;
  bottom: auto;
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

/*=====================
  2018/7/23   业务领域
======================*/
.ywly-tab-list {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 16px;
  display: flex;
  flex-direction: row;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
}

.ywly-tab-list li {
  /*float: left;
  margin-right: 5.16%;*/
  width: 24%;
}
.ywly-tab-list li:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 4% / 3);
}
.ywly-tab-list li:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
}
.ywly-tab-list li:last-child:nth-child(4n - 3) {
    margin-right: calc(72% + 12% / 3);
}



.ywly-tab-list li a {
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #333;
}

.ywly-tab-list li:hover a,
.ywly-tab-list li.active a {
  color: #01559d;
}

.page_business.alt {
  background: #f9f9f9;
  padding: 60px 0 119px 0;
}

.ywly-info {
  padding: 90px 0 95px 0;
}

.ywly-info p {
  font-size: 18px;
  color: #333;
  line-height: 36px;
  padding: 0 17px;
}

.ywly-l-wrap {
  max-width: 1292px;
  margin: 0 auto;
}

.ywly-list li {
  float: left;
  width: 33.33%;
}

.ywly-box {
  padding: 0 16px;
  padding-bottom: 32px;
}

.ywly-img {
  overflow: hidden;
  /* height: 295px; */
}

.ywly-img img {
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.ywly-list li:hover .ywly-img img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}

.ywly-text {
  padding: 42px 30px;
  background: #fff;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.ywly-text.alt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  box-sizing: border-box;
  opacity: 0;
  background: #01559d;
  color: #fff;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

.ywly-list li:hover .ywly-text.alt {
  opacity: 1;
}

.ywly-text h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 27px;
}

.ywly-text.alt p,
.ywly-text.alt h2 {
  color: #fff;
}

.ywly-text p {
  font-size: 16px;
  color: #666;
  line-height: 28px;
}

.ywly-list li:hover .ywly-text {
  background: #01559d;
}

.ywly-list li:hover .ywly-text h2,
.ywly-list li:hover .ywly-text p {
  color: #fff;
}

.ywly-btn {
  position: absolute;
  left: 28px;
  bottom: 18px;
  width: 83px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  text-align: center;
}

.ywly-more {
  margin-top: 92px;
  text-align: center;
}

.ywly-more a {
  display: inline-block;
  width: 144px;
  height: 48px;
  line-height: 48px;
  background: #01559d;
  color: #fff;
  border: 1px solid #01559d;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.ywly-more a:hover {
  color: #01559d;
  background: transparent;
}

.ywly-box-wrap {
  box-shadow: none;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.ywly-list li:hover .ywly-box-wrap {
  box-shadow: 10px 10px 10px 0 rgba(34, 24, 21, .2);
}

.list.lastli {
  cursor: pointer;
}

.lastli-form {
  position: absolute;
  right: 90%;
  top: 40px;
  width: 0;
  height: 40px;
  margin-top: -15px;
  overflow: hidden;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
}

.lastli-form.active {
  width: 150px;
}

.list.lastli .lastli-form input {
  cursor: text;
}

.phone-form {
  width: 280px;
}

.phone-form input {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 5px 10px;
  border: 1px solid #666;
  height: 45px;
  font-size: 24px;
}

.ser-b {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background: url(../images/sear.png?v=180604161419) no-repeat center center;
}

.lastli-form input {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 5px 10px;
  border: 1px solid #666;
  height: 30px;
  font-size: 16px;
}

.page_service.alt {
  padding: 90px 0;
}




.story-bg {
  padding: 59px 0 249px 0;
  background: url(../images/p_gs_bg_03.jpg) no-repeat;
  background-size: cover;
}

.story-title-img {
  text-align: center;
  padding-bottom: 39px;
  border-bottom: 1px solid #d9d9d9;
}

.srory-info {
  margin-top: 65px;
}

.srory-info p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 39px;
  color: #333;
}

.section.detail embed {
  width: 100%;
  height: 550px;
}


.e_list li {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 6px;
  margin-bottom: 12px;
}

.e_list li img {
  display: block;
  width: 100%;
}

/*.e_list li.alt0,
.e_list li.alt1,
.e_list li.alt2,
.e_list li.alt3,
.e_list li.alt4 {
  width: 20%;
}*/

.evaluate_text p {
  padding: 20px;
  font-size: 16px;
  color: #333;
}

.container-1 {
  max-width: 1720px;
  margin: 0 auto;
  padding: 0 15px;
}

.i-news-bg {
  padding: 59px 0 30px 0;
  background: #f4f4f4;
}

.i-news-title h2 {
  font-size: 30px;
  line-height: 30px;
  color: #000;
  margin-bottom: 50px;
}

.index-news {
  height: 520px;
}

.i-n-info {
  background: #fff;
}

.i-n-img {
  overflow: hidden;
}

.i-n-img img {
  display: block;
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.i-n-info:hover .i-n-img img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.i-n-text {
  padding: 27px 0 18px 0;
}

.i-n-text-h2 {
  font-size: 16px;
  line-height: 26px;
  color: #000;
  padding: 0 22px;
}

.i-n-morewrap {
  padding-top: 20px;
  text-align: right;
}

.i-n-more {
  display: inline-block;
  width: 130px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #316896;
  border: 1px solid #316896;
}

.pagination {
  margin-top: 50px;
  text-align: center;
}

.pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px;
}

.pagination .swiper-pagination-bullet-active {
  background: #1058a8;
}


.ywly-btn {

  width: auto;
  padding-left: 8px;
  padding-right: 8px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  background: rgba(0, 0, 0, .3);
  border: 2px solid #fff;
  font-weight: bold;
}

.video-box video {
  width: 100%;
}

.srory-info p {
  text-indent: 32px;
}

.i-news-title-more {
  color: #1e7ed0;
}

.f-l-link {
  display: none;
}

.wet-p {
  font-size: 16px;
  text-align: center;
  color: #333;

}

.detail iframe {
  width: 600px;
  margin: 0 auto;
  border: 0;
}

.detail video {
  width: 100%;
}



.page_banner .info {
  width: 96%;
}


@media screen and (min-width: 1200px) {
  div.pp_pic_holder {
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
  }

  .i-n-more:hover {
    background: transparent;
    color: #316896;
  }
}

@media screen and (max-width: 1200px) {
  div.pp_pic_holder {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
}







/* 信息公开 */
.info_list{
  width: 100%;
}
.info_list .inform_box{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px dashed #000;
}
.inform_box .left_title {
  width: 15%;
  padding-top: 30px;
}
.inform_box .left_title h5 {
  font-size: 20px;
  color: #004193;
  line-height: 24px;
  text-align: left;
  font-weight: 500;
}
.inform_box .right_content {
  width: 84%;
}
.inform_box .right_content .box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-top: 30px;
}
.inform_box .right_content .inform_L {
  width: 21%;
}
.inform_box .right_content .inform_r {
  width: 78%;
}
.right_content .inform_L h6 {
  font-size: 18px;
  color: #000;
  line-height: 24px;
  text-align: left;
  font-weight: 500;
}
.right_content .inform_r ul li {
  font-size: 14px;
  line-height: 24px;
  color: #727272;
  padding-left: 16px;
  background: url(../images/yjt.png) no-repeat top 7px left;
}
.right_content .inform_r.inform_pdf a {
  display: inline-block;
  padding-left: 28px;
  background: url(../images/iconpdf.png) no-repeat center left;
  color: #727272;
}
.right_content .inform_r p {
  font-size: 14px;
  line-height: 24px;
  color: #727272;
}
.right_content .inform_r.inform_aa a {
  color: #727272;
  padding-left: 0 !important;
  background: initial !important;
}
.right_content .inform_r.inform_aa a:hover {
  color: #004193;
}
.right_content .inform_r .inform_p {
  margin-top: 5px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.right_content .inform_r .inform_flex{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.right_content .inform_r .inform_flex p{
  min-width: 45%;
}
.right_content .inform_r .title {
  font-size: 14px;
  line-height: 20px;
  color: #727272;
  margin-bottom: 10px;
  font-weight: 500;
}
.right_content .inform_r .Textp {
  padding-left: 15px;
}



/* 2022-3-1 信息公开 */
/* 01559d */
.aboutus {
  margin: 20px 0;
}
.aboutus .aboutusnavtop {
  width: 100%;
  height: 38px;
  background: #ffffff;
}
.aboutus .aboutusnavtop ul.boxUl li {
  float: left;
  width: 49.8%;
  border: 1px solid #aec3e3;
  height: 38px;
}
.aboutus .aboutusnavtop ul li a {
  text-align: center;
  line-height: 38px;
  height: 38px;
  width: 100%;
  font-size: 16px;
  color: #546670;
  display: block;
  margin: 0 auto;
}
.aboutus .aboutusnavtop ul li a.active {
  background: #01559d;
  color: #ffffff;
  border: 1px solid #01559d;
  border-top: none;
  border-bottom: none;
}
.aboutus .aboutusnavtop ul.boxUl li a.active {
  background: #01559d url(../images/dbx.png) no-repeat center right 40px;
}
/*  */
.info_list .zhu {
  font-size: 16px;
  color: #004193;
  line-height: 26px;
  margin-bottom: 15px;
  padding-left: 30px;
}
.info3_box {
  margin-right: 0;
  justify-content: space-between;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.info3_box .info3_list {
  width: 32.5%;
  background-color: #f5f5f5;
  padding: 30px;
  margin-bottom: 15px;
  min-height: 470px;
  box-sizing: border-box;
}
.info3_box .info3_list .info3_img {
  width: 100%;
  height: 60px;
}
.info3_box .info3_list .info3_img p {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.info3_box .info3_list .info3_img img {
  margin: auto;
  max-width: 100%;
  vertical-align: middle;
}
.info3_text {
  border-top: 1px solid #01559d;
  padding-top: 20px;
  margin-top: 20px;
}
.info3_text h6 {
  font-size: 18px;
  line-height: 32px;
  color: #01559d;
  margin-bottom: 10px;
}
.info3_text p {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.info3_text p a {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.info3_text p a:hover {
  color: #01559d;
}

.return_btn p {
  text-align: right;
  margin-top: 30px;
  /* margin-right: 20px; */
}
.return_btn p a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  padding: 5px 30px;
  line-height: 26px;
  border-radius: 5px;
  background-color: #01559d;
}

@media screen and (max-width: 1280px){
  .aboutus .aboutusnavtop ul.boxUl li{
    width: 49.7%;
  }
  .aboutus .aboutusnavtop .boxUl{
    margin: auto;
    display: block;
  }
}
@media screen and (max-width: 976px){
  .info3_box .info3_list{
    width: 49%;
  }
}
@media screen and (max-width: 768px){
  .aboutus .aboutusnavtop ul.boxUl li{
    width: 49.6%;
  }
  .info3_box .info3_list{
    width: 49%;
  }
}
@media screen and (max-width: 560px){
  .aboutus .aboutusnavtop ul.boxUl li{
    width: 49.5%;
  }
}