#share_wx {
    left: 50%;
    top: 30% !important;
    margin-left: -150px !important;
}
.hide{display: none;}
.main {
  max-width: 1600px;
  min-width: 1230px;
  margin: 0 auto; }
  .main::after {
    content: "";
    display: block;
    clear: both; }

.pc-top {
      position: relative;
    z-index: 150;
    height: 100px;
    background: #fff;
	}
  .pc-top .logo {
    display: block;
    float: left;
    margin-top: 19px;
    margin-left: 154px; }
    .pc-top .logo img {
      display: block; }
  .pc-top .nav {
    float: left;
    line-height: 22px;
    border-left: 1px solid #d3d3d3;
    padding-left: 24px;
    margin-top: 54px; }
    .pc-top .nav li {
      float: left;
      font-size: 18px;
      font-weight: bold;
      margin-right: 60px; }
      .pc-top .nav li:last-of-type {
        margin-right: 0; }
      .pc-top .nav li a {
        display: block;
        transition: all 0.3s;
        color: #03124b; }
        .pc-top .nav li a:hover, .pc-top .nav li a.hover {
          color: #ff8c14; }

  .pc-top .header_box {
    float: right;
    position: relative;
    padding-right: 74px;
    padding-top: 50px; }
    .pc-top .header_box .tel {
      font-size: 30px;
      padding-left: 35px;
      color: #ff8c14;
      line-height: 30px;
      margin-right: 20px;
      background: url(../img/icon_tel.png) no-repeat left center;
      float: left; }
    .pc-top .header_box .search_btn {
      float: left;
      width: 38px;
      height: 30px;
      transition: all 0.3s;
      background: url(../img/icon_search.png) no-repeat center;
      cursor: pointer; }
      .pc-top .header_box .search_btn:hover {
        background-color: #ff8c14; }
    .pc-top .header_box .lan_btn {
      height: 30px;
      width: 100px;
      border-radius: 15px;
      background: #f2f2f2;
      text-align: center;
      line-height: 30px;
      float: left;
      margin-left: 20px;
      font-size: 16px;
      color: #ff8c14;
      transition: all 0.3s; }
      .pc-top .header_box .lan_btn:hover {
        background: #03124b;
        color: #fff; }
    .pc-top .header_box .three_link {
      position: absolute;
      left: 170px;
      top: 10px; }
      .pc-top .header_box .three_link a {
        display: inline-block;
        margin-right: 23px; }
    .pc-top .header_box .search_box {
      width: 100%;
      height: 80px;
      padding-top: 30px;
      overflow: hidden;
      position: absolute;
      top: 100%;
      padding-right: 74px;
      left: 0;
      display: none; }
      .pc-top .header_box .search_box .inner {
        width: 100%;
        height: 100%;
        border-radius: 25px;
        overflow: hidden; }
        .pc-top .header_box .search_box .inner input[type="text"] {
          width: 85%;
          float: left;
          height: 100%;
          border: none;
          text-indent: 2em;
          background: #fff; }
        .pc-top .header_box .search_box .inner input[type="submit"] {
          width: 15%;
          float: left;
          height: 100%;
          border: none;
          color: #fff;
          background: #03124b;
          transition: all 0.3s;
          cursor: pointer; }
          .pc-top .header_box .search_box .inner input[type="submit"]:hover {
            background: #ff8c14; }

.banner {
  background: url(../img/banner.png) no-repeat center bottom/cover;
  padding: 100px 0 90px;
  text-align: center; }
  .banner h1 {
    line-height: 1;
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 35px;
    position: relative;
    margin-bottom: 30px; }
    .banner h1::after {
      content: "";
      display: block;
      width: 186px;
      height: 1px;
      background: #fff;
      position: absolute;
      left: 50%;
      margin-left: -93px;
      bottom: 0; }
  .banner .up_des {
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    text-transform: uppercase;
    width: 951px;
    margin: 0 auto; }
  .banner a {
    display: block;
    width: 200px;
    height: 60px;
    border-radius: 30px;
    background: #fff;
    color: #ff8c14;
    text-align: center;
    line-height: 56px;
    font-size: 20px;
    border: 2px solid #fff;
    margin: 45px auto 65px;
    transition: all 0.3s; }
    .banner a:hover {
      border-color: #ff8c14; }
    .banner a span {
      display: inline-block;
      padding-right: 35px;
      background: url(../img/icon_arrow.png) no-repeat right center; }
  .banner .low_des {
    color: #fff;
    width: 870px;
    margin: 0 auto;
    line-height: 30px;
    font-weight: lighter;
    font-size: 20px; }

.pub_title {
  line-height: 140px;
  text-align: center;
  font-size: 32px;
  color: #03124b;
  text-transform: uppercase; }

.business-pc {
  background: #f5f5f5;
  padding-bottom: 70px; }
  .business-pc .inner {
    padding: 0 15px; }
  .business-pc .left {
    width: 30%;
    float: left; }
    .business-pc .left li {
      width: 95%;
      height: 96px;
      border-radius: 48px;
      position: relative;
      line-height: 29px;
      padding-left: 96px;
      font-size: 18px;
      color: #3d3d3d;
      cursor: pointer;
      transition: all 0.3s;
      background-repeat: no-repeat;
      background-position: 26px center;
      padding-top: 22px; }
      .business-pc .left li.active {
        background-color: #fff; }
        .business-pc .left li.active::after {
          content: "";
          display: block;
          position: absolute;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          right: -30px;
          top: 50%;
          margin-top: -12px;
          z-index: 5;
          background: #ff8c14; }
  .business-pc .right {
    width: 70%;
    float: left; }
    .business-pc .right .item {
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 480px;
      display: none; }
      .business-pc .right .item:first-of-type {
        display: block; }
      .business-pc .right .item .item_in {
        width: 750px;
        margin: 0 auto;
        color: #fff;
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
        .business-pc .right .item .item_in p {
          line-height: 26px;
          text-align: justify; }
        .business-pc .right .item .item_in a {
          display: block;
          width: 200px;
          height: 60px;
          border-radius: 30px;
          background: #ff8c14;
          color: #fff;
          text-align: center;
          line-height: 56px;
          font-size: 20px;
          border: 2px solid #ff8c14;
          margin-top: 38px;
          transition: all 0.3s; }
          .business-pc .right .item .item_in a:hover {
            border-color: #fff; }
          .business-pc .right .item .item_in a span {
            display: inline-block;
            padding-right: 35px;
            background: url(../img/icon_white_arrow.png) no-repeat right center; }

.network {
  background: #fff;
  padding: 0 15px 70px;
  position: relative; }
  .network .inner {
    width: 90%; }
    .network .inner .map {
      float: left;
      width: 800px;
      height: 786px;
      position: relative; }
      .network .inner .map img {
        display: block;
        width: 100%; }
      .network .inner .map .spot_box {
        position: absolute;
        width: 100%;
        height: 100%;
        background: none;
        top: 0;
        left: 0; }
        .network .inner .map .spot_box .spot {
          height: 22px;
          position: absolute;
          z-index: 5;
          text-align: center;
          display: inline-block;
          cursor: pointer; }

          .network .inner .map .spot_box .spot i {
            display: block;
            position: relative;
            z-index: 5;
            font-size: 12px;
            color: #fff;
            font-style: normal; }
            .network .inner .map .spot_box .spot i.gray {
              color: #333; }
          .network .inner .map .spot_box .spot::after {
            content: "";
            display: block;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: #ff8c14;
            z-index: 2;
            top: 0;
            left: 50%;
            position: absolute;
            margin-left: -11px; }

          .network .inner .map .spot_box .spot.active::after,.network .inner .map .spot_box .spot:hover:after{
            background: #229e8f; }

    .network .inner .right_part {
      width: calc(100% - 800px);
      float: left;
      position: relative;
      padding: 0 25px;
      padding-top: 105px; }
      .network .inner .right_part ul {
        margin-bottom: 70px;
		height:429px;}
      .network .inner .right_part ul li {
        width: 96%;
        height: 96px;
        position: relative;
        margin-bottom: 15px;
        border-radius: 48px;
        padding-left: 70px;
        padding-right: 20px;
        font-size: 18px;
        color: #3d3d3d;
        background: #f7f7f7; }
        .network .inner .right_part ul li p {
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
        .network .inner .right_part ul li .dot {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          position: absolute;
          left: 24px;
          top: 50%;
          margin-top: -17.5px; }
          .network .inner .right_part ul li .dot span {
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #ff8c14;
            opacity: 0.2; }
          .network .inner .right_part ul li .dot i {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #ff8c14;
            top: 50%;
            left: 50%;
            margin-left: -10px;
            margin-top: -10px;
            position: absolute;
            z-index: 5; }
          .network .inner .right_part ul li .dot.blue span {
            background: #075394; }
          .network .inner .right_part ul li .dot.blue i {
            background: #075394; }
          .network .inner .right_part ul li .dot.green span {
            background: #006633; }
          .network .inner .right_part ul li .dot.green i {
            background: #006633; }
          .network .inner .right_part ul li .dot.yellow span {
            background: #cccc01; }
          .network .inner .right_part ul li .dot.yellow i {
            background: #cccc01; }
      .network .inner .right_part .taking {
        text-align: right;
        line-height: 42px; }
        .network .inner .right_part .taking p {
          padding-right: 74px;
          position: relative;
          font-size: 18px;
          right: -14px;
          text-transform: uppercase; }
          .network .inner .right_part .taking p::after {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #ff6600;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -8px; }
          .network .inner .right_part .taking p.blue::after {
            background: #075394; }
          .network .inner .right_part .taking p.green::after {
            background: #006633; }
          .network .inner .right_part .taking p.yellow::after {
            background: #cccc01; }
      .network .inner .right_part .line {
        width: 40px;
        height: 740px;
        background: url(../img/icon_down.png) no-repeat center top/100% auto;
        top: -140px;
        right: 0;
        position: absolute; }
        .network .inner .right_part .line::after {
          content: "";
          width: 1px;
          top: 40px;
          bottom: 0;
          background: #ff8c14;
          position: absolute;
          top: 0;
          left: 50%;
          margin-left: -0.5px; }

.vedio_box {
  background: #f5f5f5;
  padding-bottom: 70px;
  padding-top: 50px; }
  .vedio_box .swiper-container {
    width: 1300px;
    height: 500px; }
    .vedio_box .swiper-container .swiper-slide {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: relative; }
      .vedio_box .swiper-container .swiper-slide .play {
        width: 82px;
        height: 225px;
        border-radius: 41px;
        background: #fff;
        text-align: center;
        padding-top: 16px;
        position: absolute;
        left: 50px;
        bottom: 25px; }
        .vedio_box .swiper-container .swiper-slide .play span {
          display: block;
          line-height: 40px;
          font-size: 20px;
          color: #ff8c14; }
        .vedio_box .swiper-container .swiper-slide .play .play_btn {
          width: 55px;
          height: 55px;
          background: url(../img/icon_play.png) no-repeat center/cover;
          margin: 0 auto;
          margin-bottom: 10px;
          cursor: pointer; }
  .vedio_box .swiper-pagination-clickable .swiper-pagination-bullet {
    background: #fff;
    opacity: 1; }
  .vedio_box .swiper-pagination-clickable .swiper-pagination-bullet-active {
    background: #ff8c14; }

.play_box {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  display: none; }
  .play_box .mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4; }
  .play_box .videos {
    z-index: 5;
    width: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -500px;
    padding: 30px; }
    .play_box .videos video {
      width: 100%;
      height: 100%; }
    .play_box .videos .vclose {
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer; }

footer {
  background: #787d7d;
  padding-bottom: 15px; }
  footer .top {
    background: #6c7171;
    line-height: 24px;
    padding: 15px 0;
    font-size: 16px;
    color: #fff; }
    footer .top p {
      float: left;
      text-transform: uppercase; }
    footer .top .tel span {
      font-weight: bold;
      font-size: 22px;
      color: #ff8c14;
      display: inline-block;
      margin-left: 20px; }
    footer .top .address {
      padding: 0 15px;
      border: 1px solid #898d8d;
      border-top: none;
      border-bottom: none;
      margin: 0 15px; }
  footer .con {
    width: 1300px;
    margin: 0 auto; }
  footer .bottom {
    color: #fff;
    text-transform: uppercase;
    position: relative; }
    footer .bottom .totop {
      width: 50px;
      position: absolute;
      right: 0;
      bottom: 0;
      height: 50px;
      cursor: pointer;
      background: url(../img/icon_gotop.png) no-repeat center/cover; }
    footer .bottom a {
      color: #fff; }
      footer .bottom a:hover {
        color: #ff8c14; }
    footer .bottom .col {
      float: left;
      padding-top: 35px; }
      footer .bottom .col:first-of-type {
        width: 346px; }
      footer .bottom .col:nth-of-type(2) {
        width: 426px; }
    footer .bottom .t {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 36px; }
    footer .bottom li {
      line-height: 38px;
      font-size: 14px; }
    footer .bottom .footer_logo {
      margin-top: 30px; }
      footer .bottom .footer_logo img {
        display: block; }
    footer .bottom .code_box {
      margin-top: 40px; }
footer .bottom .code_box .qrcode1{
          width: 150px;
    float: left;
    font-size: 12px;
    text-align: center;}
    footer .bottom .code_box .qrcode2{
          width: 150px;
    float: right;
    font-size: 12px;
    text-align: center;}
      footer .bottom .code_box img {
        display: block;
        margin-right: 30px;
        float: left;
        width: 150px;}
  footer .copy {
    font-size: 14px;
    color: #fff;
    opacity: 0.3;
    margin-top: 20px;
    text-transform: uppercase; }
	footer .copy a{color: #fff}

	/*about*/
  .three_div {
    width: 100%;
    margin-top: 34px;
    text-align: center;
    margin-bottom: 206px;
}
.three_div div {
    float: left;
    width: 33%;
}
.three_div div img {
    display: block;
    margin: 0px auto;
    width: 80px;
}
.three_div div h4 {
    font-weight: normal;
    font-size: 24px;
    color: #3d3d3d;
    margin-top: 12px;
}

.wrapin {
	width:1200px;
	margin:0 auto;
}
.within_tit {
	height:80px;
	line-height:80px; font-weight:bold;
	background:#f5f5f5;
}
.within_tit .con {
	width:1220px;
	margin:0 auto;
}
.within_tit h3 {
	color:#061755;
	font-size:24px;
    text-transform: Uppercase; font-weight:bold;
}
.within_titlist {
	height:80px;
	line-height:80px;
	border-bottom:1px solid #f5f5f5;
}
.within_titlist .con {
	width:1220px;
	margin:0 auto;
}
.within_titlist .con a {
	margin-right:20px;
	font-size:15px;
	color:#061755
}
.within_titlist .con.a1 a {
	margin-right:60px;
}

.within_titlist .con a:hover,.within_titlist .con a.hover {
	color:#f0913a
}
.ab_banner {
	background:url(../img/ab_banner1.jpg) no-repeat center;
	height:660px;
	position:relative;
}
.ab_banner.a1 {
	background:url(../img/ab_banner.jpg) no-repeat center;
	height:660px;
	position:relative;
}
.ab_banner .tit {
	width:100%;
	top:50%;
	text-align:center;
	font-size:46px;
	color:#ffffff;
	position:absolute;
	margin-top:-32.5px;
}
.about_wd {
	margin:30px auto;
}
.about_wd .about_tit {
	color:#061755;
	padding:17px 0;
  text-align: center;
}
.about_wd .about_tit h3 {
	font-size:32px;
}
.about_wd .about_tit p {
	font-size:24px;
}
.about_wd .about_word {
	color:#666666;
	font-size:16px;
	line-height:24px;
}
.about_list {
	width:1254px;
	margin:60px auto;
}
.about_list li {
	width:260px;
	height:355px;
	float:left;
	margin:0 26px;
	position:relative;
	overflow:hidden;
}
.about_list .ab_position {
	background:url(../img/ab_pic.jpg) no-repeat;
	background-size:100%;
}
.about_list .ab_mission {
	background:url(../img/ab_pic2.jpg) no-repeat;
	background-size:100%;
}
.about_list .ab_vison {
	background:url(../img/ab_pic3.jpg) no-repeat;
	background-size:100%;
}
.about_list .ab_strategy {
	background:url(../img/ab_pic4.jpg) no-repeat;
	background-size:100%;
}
.about_list .ab_values {
	background:url(../img/ab_pic5.jpg) no-repeat;
	background-size:100%;
}
.about_list li i {
	width:46px;
	height:46px;
	position:absolute;
	bottom:20px;
	left:20px;
}
.about_list li i img {
	width:100%;
	height:100%;
}
.about_list li h3 {
	font-size:22px;
	line-height:80px;
	color:#fff;
	padding-left:20px;
}
.about_list li .word {
	background:rgba(240,145,58,0.8);
	padding:15px;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	opacity:0;
    transition: all 0.3s;
       font-size: 15px;
    line-height: 18px;
}
.about_list li:hover h3,.about_list li:hover  i {
	display:none;
}
.about_list li:hover .word {
	opacity:1;
}

.about_list_group li {
  width:235px;
  height:320px;
  float:left;
  margin:0 7px;
  position:relative;
  overflow:hidden;
}
.about_list_group li i {
  width:46px;
  height:46px;
  position:absolute;
  bottom:25px;
  left:20px;
}


.product_con {
	margin:0 auto;
	background:#f5f5f5; position:relative; overflow:hidden

}
.product_con.a1 {
	background:#fff;
}
.product_con.a2{}
.product_con .pic {
	    display: table-cell;
    vertical-align: middle; height:545px;
	width:50%;
}


.product_con.a2 .pic{ float:left}
.product_con.a2 .product_word{ display:flex; align-items:center; float:right; min-height:545px }

.product_con.a1 .pic{ float:right}
.product_con.a1 .product_word{ display:flex;justify-content:flex-end; float:left;align-items: center; min-height:545px}

.product_con:after{ clear:both; content:''; display:block}
.product_con .pic img {
	display:block;
	width:100%;
	object-fit: cover; height:100%;
}
.product_con .product_word {
	display: table-cell;
    vertical-align: middle;
	width:50%;
}

.product_con .product_word .word {
	width:540px;
	margin:0 70px;
}
.product_con.a1 .product_word .word{ float:right;margin-bottom:15px}
.product_con.a2 .product_word .word{margin-bottom:15px}
.product_con .product_word h3 {
	font-size:32px;
	line-height:40px;
	padding:15px 0;
	color:#061755;
	text-transform:Uppercase
}/*滚动条的宽度*/

    .product_con .product_word p::-webkit-scrollbar {
        width:5px;
        height:9px;
    }

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/

    .product_con .product_word p::-webkit-scrollbar-track {
        width: 6px;
        background-color:#ccc;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }

/*滚动条的设置*/

    .product_con .product_word p::-webkit-scrollbar-thumb {
        background-color:#606d71;
        background-clip:padding-box;
        min-height:28px;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }
/*滚动条移上去的背景*/

    .product_con .product_word p::-webkit-scrollbar-thumb:hover {
         background-color:#666;
    }
.product_con .product_word p {
	font-size:14px;
	color:#666;
	line-height:24px ; padding-right:15px;
}
.product_btn {
    display: block;
    width: 180px;
    height: 50px;
    border-radius: 30px;
    background: #ff8c14;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    border: 2px solid #ff8c14;
    margin-top: 25px;
    transition: all 0.3s;
    margin-bottom: 60px;
}
.product_btn:hover {
    border-color: #fff;
}
.product_btn span {
    display: inline-block;
    padding-right: 35px;
    background: url(../img/icon_white_arrow.png) no-repeat right center;
}
.text_rt {
	text-align:right;
}
.business_con {
	height:540px;
	margin-bottom:40px;
}
.business_con .con {
    position:relative;
	width: 1180px;
	height:100%;
	margin:0 auto;
}
.business_con .pic img {
	object-fit: cover;
	display:block;
}
.business_word {
position: absolute;
    background: #fff;
    top: 50%;
    left: 0;
    color: #001558;
    line-height: 54px;
    font-size: 24px;
    padding: 0 40px;
    opacity: 0.6;
}
.business_word i {
	width:11px;
	height:11px;
	overflow:hidden;
	border-radius:15px;
	background:#001558;
	display:inline-block;
	position:absolute;
	left:15px;
	top:22px;
}
.business_word p {
    text-transform: Uppercase;
}
.business_word.a1 {
	left: auto;
	right:0;
}
.business_word.a1 i {
	left: auto;
	right:15px;
}
.business_word.a1 p {
	text-align:right;
}

/*二级*/
.sub_outer {
  width: 100%;
  background: #fff;
  position: absolute;
  top: 100%;
  display: none;
  border-top: 3px solid #ff8c14;
  padding-top: 40px;
  padding-bottom: 48px; }
  .sub_outer .sub_nav {
    width: 1200px;
    margin: 0 auto;
    position: relative; }
    .sub_outer .sub_nav > li {
      width: 100%;
      display: none; }
      .sub_outer .sub_nav > li:first-of-type {
        display: block; }
      .sub_outer .sub_nav > li::after {
        content: "";
        display: block; }
      .sub_outer .sub_nav > li .s_title {
        color: #03124b;
        font-size: 28px;
        width: 245px;
        float: left;
        padding-top: 30px; }
      .sub_outer .sub_nav > li .sub_list {
        float: left;
        padding-top: 30px;
        font-size: 18px; }
        .sub_outer .sub_nav > li .sub_list li {
          margin-bottom: 13px; }
          .sub_outer .sub_nav > li .sub_list li a {
            transition: all 0.3s;
			color:#03124b;}
            .sub_outer .sub_nav > li .sub_list li a:hover {
              color: #ff8c14; }
      .sub_outer .sub_nav > li .img_box {
        width: 465px;
        height: 220px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        float: right; }

.model_msak {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background: #000;
  z-index: 99;
  opacity: 0.6;
  display: none; }

.model {
  position: fixed;
  top: 50%;
  max-width: 90%;
  left: 50%;
  display: none;
  z-index: 100;
  transform: translate(-50%, -50%);
  background: #fff; }
  .model img {
    display: block;
    max-width: 100%; }
  .model .img_box {
    position: relative; }
    .model .img_box .close {
      display: block;
      position: absolute;
      width: 18px;
      height: 18px;
      background: url(../img/close.png) no-repeat center/cover;
      right: 25px;
      top: 25px;
      cursor: pointer; }
  .model .model_b {
    line-height: 44px;
    padding: 45px; }
    .model .model_b p {
      color: #03124b;
      font-size: 22px;
      float: left; }
    .model .model_b a {
      display: block;
      float: right;
      border-radius: 22px;
      background: #ff8c14;
      text-align: center;
      color: #fff;
      width: 161px; }
      .model .model_b a span {
        display: inline-block;
        padding-right: 40px;
        background: url(../img/icon_white_arrow.png) no-repeat right center; }
		.p1{font-size:24px; color:#061755; line-height:27px;}
		.p2{ font-size:20px; color:#3d3d3d; line-height:27px;}

.about_wd .p1,.about_wd .p2,.about_tit p{line-height: 37px;}
.about_wd .p1{text-align: center;}
.probox strong{ display:none}
@media (min-width: 767px)
{
.visible-xs{ display:none!important; }
}

@media (max-width:1410px)
{
.pc-top .header_box{ padding-right:20px}
.vedio_box .swiper-container{ max-width:100%}
.network .inner{ width:100%}
.business-pc .inner{ min-width:1200px}
.pc-top .logo{ margin-left:20px}
footer .bottom{padding-left: 20px}
footer .top{padding-left: 20px}
footer .bottom .totop{right: 20px}
.pc-top .nav{padding-left: 10px;}
.pc-top .nav li{
  margin-right:15px;
}
}
@media (max-width: 767px)
{
  .three_div {
    margin-top: 20px;
    margin-bottom: 30px;
}

  .three_div div {
    float: none;
    width: 100%;
    margin-bottom: 30px;
}

  .model .model_b a span{padding-right: 30px;
    font-size: 12px;}
    .model .model_b a{width: 73px;}
    .model .model_b p{font-size: 13px;}
    .model .model_b{line-height: 25px;
    padding: 5px;}
    .model{min-width: 94%}
.lastdiv{ margin-bottom:10px!important; }.probox strong{ display:block; text-align:center; color:#061755; padding-bottom:15px; padding-left:20px; padding-right:20px;}
.business_con .con{ display:none}
.product_con .product_word p {
	 max-height:2000px !important;
    font-size: 14px;
    line-height: 24px;
}
.about_list li:hover h3, .about_list li:hover i{display: block;}
.within_titlist .con a{ display:block; font-size:14px}.within_titlist{ line-height:40px}
.product_con .product_word,.product_con .pic{ display:block;}
.product_con .product_word .word{ margin:3%; width:94%}
.product_con .product_word,.product_con .pic{ width:100%}
.product_btn{ margin: 0 auto;transform:scale(0.8);-webkit-transform:scale(0.8);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(0.8); margin:20px auto }
body{ padding-top:60px}
.within_titlist{ height:auto}
.within_titlist .con{ padding:15px}
.within_titlist .con.a1 a{ margin:0; display:block; line-height:30px}
.p1,.about_wd .about_tit p{ font-size:20px;}
.p2{ font-size:14px}
.about_word{}
.ab_banner .tit{ font-size:24px}
.visible-xs {
    display: block!important;
}
.about_list li .word{opacity:1; font-size:14px; position:relative; background:#ff8c14}
.product_con .pic,.about_list li{ height:auto}
.product_con .product_btn{ margin:20px auto; float:none; margin-bottom:30px;}
.product_con .product_word .word,.product_con.a2 .pic{ float:none}.product_con .product_word{ display:block!important; height:auto!important;}.product_con .product_word{ padding:10px 0}
.product_con.a2 { padding:0}
.within_tit{ height:60px; line-height:60px; padding-left:15px}
.wrapin{ width:auto; padding-left:20px; padding-right:20px}
.ab_banner{ height:260px!important; background-size:cover}
.hidden-xs{ display:none!important; }
.network .inner .right_part{ margin-top:400px}
.network .inner .right_part,.network .inner{ width:100%; padding:0}
.network .inner .map{transform:scale(0.4);-webkit-transform:scale(0.4);  /*兼容-webkit-引擎浏览器*/-moz-transform:scale(0.4); position:absolute; left:50%; margin-left:-400px; top:0; margin-top:-120px }
.network .inner .right_part .line{ display:none}
.network .inner .right_part ul li p{ font-weight:bold}
.network .inner .right_part ul{ height:auto; margin-bottom:30px}
.network .inner .right_part .taking p{ right:0; padding-right:25px; font-size:14px; font-weight:bold}
.network .inner .right_part .taking p::after{ width:10px; height:10px; margin-top:-5px}
.network .inner .right_part ul li{ font-size:12px; width:100%; line-height:20px; height:60px; padding-left:60px}
.network .inner .right_part ul li .dot i{ width:14px; height:14px; margin-top:-7px; margin-left:-7px}
.network .inner .right_part ul li .dot{ width:25px; height:25px; margin-top:-12px; left:15px}
.banner{ padding-top:50px}
.product_con .product_word h3{ text-align:center; font-size:20px}
.main,.within_tit .con{ max-width:100%; min-width:0}
.about_list li{ margin:5px 20px}
.business .right,.vedio_box .swiper-container,.within_titlist .con,.business_con .con,.about_list,.about_list li{ width:auto;}
.banner .up_des,.banner .low_des,.business .right{ max-width:100%}
.banner h1{ font-size:24px}
.banner .up_des,.about_wd .about_word,.product_con .product_word p,{ font-size:17px; line-height:24px}
.up_des{width: 94%;!important}
.banner .up_des,.about_wd .about_word{ font-size:14px; line-height:24px}
.banner a{ width:120px; line-height:33px; height:40px; margin:20px auto; font-size:18px}
.banner a span,.banner .low_des{ font-size:12px;}
.vedio_box .swiper-container .swiper-slide .play,.vedio_box .swiper-container .swiper-slide .play span{ font-size:12px;}
.banner a span{ background-size:15px auto; padding-right:20px}
.vedio_box .swiper-container .swiper-slide .play span{ line-height:20px; margin-bottom:5px}
.vedio_box .swiper-container .swiper-slide .play .play_btn{ width:30px; height:30px;}
.vedio_box .swiper-container .swiper-slide .play{ width:50px; height:140px; left:20px; bottom:20px}
.banner .low_des{ line-height:20px; padding-left:20px; padding-right:20px}
.pub_title{ font-size:24px; line-height:30px; padding-top:15px; padding-bottom:15px}
.about_list .ab_position{ background:none}
.about_list li h3{ position:absolute; top:0px; left:0px}.about_list li i{ bottom:auto; top: 60px;
    width: 30px;
    height: 30px;}
.gd{ display:inline-block; padding:10px 15px; background:#ff8c14; border-radius:50px; left:20px; font-size:12px; color:#fff; position:absolute; top:70px}
.vedio_box .swiper-container{ height:200px; width:94%; margin:0 3%}
.about_list .ab_position span{ display:block; height:120px}.about_list .ab_position span img{object-fit: cover; height:100%; display:block; width:100%}
.business {
  padding: 0 15px; }
  .business li {
    position: relative;
    width: 100%;
    height: 240px;
    margin-bottom:10px; }
  .business .ness_mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    top: 0;
    left: 0;
    z-index: 2;
    position: absolute; }
  .business .inner {
    position: relative;
    text-align: center;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%); }
    .business .inner p {
      font-size: 24px;
      margin-bottom:35px;
      color: #fff; }
    .business .inner a {
      display: block;
      width:100px;
      height:36px;
      border-radius:30px;
      text-align: center;
      line-height: 30px;
      background: none;
      border: 1px solid #fff;
      color: #fff;
      margin: 0.32rem auto; }
      .business .inner a span {
        display: inline-block;
        padding-right:25px; font-size:12px;
        background: url(../img/icon_white_arrow.png) no-repeat right center/15px auto; }
		.vedio_box{ padding-bottom:40px;padding-top: 40px}
		.business_con{ height:130px; background-size:cover !important; margin-bottom:10px}
		.business_word{ font-size:18px; line-height:30px;position:relative; bottom:-20px }
		.business_con h4{ padding:10px 20px}
.footer {}
  .footer .top {
	  background:#6c7171;
    padding:15px }
    .footer .top .f_logo {
      width: 100px;
      float: left; }
      .footer .top .f_logo img {
        display: block;
        width: 100%; }
    .footer .top .foot_tel {

      float: left;
      font-size: 0.24rem;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
      margin-left: 20px;
      line-height: 1.2; }
      .footer .top .foot_tel span {
        display: block;
        font-size:22px;
        font-weight: normal;
        color: #ff8c14; }
    .footer .top .totop {
      width: 30px;
      height: 30px;
      float: right;
      background: url(../img/icon_gotop.png) no-repeat center/cover; }
  .footer .bottom {
	  background:#787d7d;
    padding:15px; }
    .footer .bottom .code {
      width: 80px;
      float: left;
      margin-right:15px;
    color: #fff;
    font-size: 12px;}
      .footer .bottom .code img {
        display: block;
        width: 100%; }
    .footer .bottom .join {
      float: right;
      text-transform: uppercase; }
      .footer .bottom .join p {
        font-size:18px;
        color: #fff;
        text-align: right;
        position: relative;
        padding-bottom: 0.35rem;
        margin-bottom: 15px; }
        .footer .bottom .join p .wl {
          width:16px;
          height: 0.02rem;
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          background: #fff; }
      .footer .bottom .join .three a {
        display: block;
        float: left;
        width: 22px;
        margin-left:20px; }
        .footer .bottom .join .three a:first-of-type {
          margin-left: 0; }
      .footer .bottom .join .three img {
        display: block;
        width: 100%; }

		.wap-top {
  height:60px;
  position: fixed;
  z-index: 90;
  background: #fff;
  top: 0;
  left: 0%;

  width: 100%}
  .wap-top .nav_btn {
    position: absolute;
    width: 30px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    left:15px;}
    .wap-top .nav_btn span, .wap-top .nav_btn::after, .wap-top .nav_btn::before {
      display: block;
      content: "";
      width: 100%;
      position: absolute;
      height: 3px;
      border-radius: 5px;
      background: #09053a;
      left: 0;
      transition: all 0.3s; }
    .wap-top .nav_btn span {
      top: 50%;
      margin-top: -0.04rem; }
    .wap-top .nav_btn::after {
      top: 0; }
    .wap-top .nav_btn::before {
      bottom: 0; }
    .wap-top .nav_btn.active span {
      display: none; }
    .wap-top .nav_btn.active::after {
      transform: rotate(45deg);
      top: 50%; }
    .wap-top .nav_btn.active::before {
      transform: rotate(-45deg);
      top: 50%; }
  .wap-top .logo {
    width:130px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 60px; }
    .wap-top .logo img {
      display: block;
      width: 100%; }
  .wap-top .lan_btn {

    border-radius:20px;
    background: #f2f2f2;
    color: #ff8c14;
    font-size:14px;
    display: block; line-height:20px; padding:10px 15px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    text-align: center;
  }

.nav {
  width: 100%;
  background: #f8f8f8;
  top:60px;
  position: fixed;
  z-index: 100;


  text-align: center;
  color: #03124b;
  font-size:24px;
  line-height: 60px;
  display: none; }
  .nav li.active,
  .nav li:hover {
    background: #efefef; }
    .nav li.active a,
    .nav li:hover a {
      color: #ff8c14; }
  .nav a {
    color: #03124b; }

}
.content-box{ max-height: 440px;
    overflow: hidden;}
.zhankai {
    margin-bottom: 20px;
    display: block;
}
.cup {
    cursor: pointer;
}
.product_word .cupclick em {
    color: #ff8d1b;
    font-weight: bold;
}
.show .zk {
    display: none;
}

.zhankai .ss {
    display: none;
}
.cupclick{margin-top: 15px;font-size: 14px;margin-bottom:15px}
.product_word .cupclick img{margin-bottom: 2px;}

@media (max-width: 767px)
{

.cupclick{display: none;}

}