#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 87px;
  z-index: 999;
  background: #fff;
}
.header {
  min-width: 1280px;
  max-width: 2200px;
  margin: 0 auto;
  padding: 0 40px;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
.start #header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header .logo {
  float: left;
  padding-top: 26px;
}
.header .logo .logo2 {
  display: none;
}
.header .nav_right {
  float: right;
}
.header .nav {
  position: relative;
  float: left;
  height: 87px;
}
.header nav li {
  margin-right: 10px;
  padding-right: 20px;
  float: left;
  height: 100%;
  padding-top: 32px;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
.header nav li a {
  font-size: 14px;
  color: #666;
  font-weight: bold;
}

.header nav .subNav {
  position: absolute;
  top: 100%;
  left: 0;
  width: 1920px;
  overflow: hidden;
  height: 0;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
.header nav li:hover .subNav {
  height: 68px;
}
.header nav .subNav .drapLink {
  padding-left: 60px;
  height: 68px;
  line-height: 68px;
  background-color: rgba(0, 0, 0, 0.3);
}
.header nav .drapLink a {
  float: left;
  display: block;
  height: 100%;
  margin-right: 20px;
  color: #e4e4e4;
  font-size: 14px;
}
.header nav .drapLink a:hover {
  color: #ff8a00;
}
.header nav .oa {
  float: left;
}
.header nav .oa a {
  font-size: 14px;
  color: #666;
  font-weight: bold;
  background: url(/images/index/update2.png) no-repeat 65px center;
  margin-top: 32px;
  margin-left: 6px;
  padding-right: 40px;
  transition: all 0.5s;
}
.header nav .oa a:hover {
  background: url(/images/index/update2on.png) no-repeat 65px center;
}
.nav .subline {
  position: absolute;
  display: block;
  height: 6px;
  bottom: 0;
  background-color: #0069ab;
}
.index_body #header {
  background-color: transparent;
}
.index_body .logo1 {
  display: none;
}
.index_body .header .logo .logo2 {
  display: block;
}
.index_body .header nav li > a {
  color: #fff;
}
.index_body .header nav .oa a {
  color: #fff;
}
.footer {
  width: 100%;
  height: 117px;
  background-color: #262626;
}
.footer .backtop {
  width: 58px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  background: #0069ab url(../images/footer/foot_btn.png) no-repeat center center;
  position: fixed;
  bottom: 30px;
  right: 70px;
  z-index: 1000;
  cursor: pointer;
  border-radius: 50%;
  display: none;
  transition: all 0.5s;
}
.footer .backtop:hover {
  background-color: #ff8a00;
}
.footer .left {
  float: left;
  padding-top: 35px;
}
.footer .left a {
  display: inline-block;
  font-size: 14px;
  color: #6b6b6b;
  margin-right: 5px;
}
.footer .right {
  float: right;
  padding-top: 25px;
}
.footer .right li {
  position: relative;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  width: 60px;
  text-align: center;
}
.footer .right li img {
  width: 55px;
  height: 55px;
}
.footer .right li p {
  font-size: 14px;
  color: #5c5c5c;
}
.footer .right li.txt {
  font-size: 14px;
  color: #808080;
  line-height: 44px;
}
.footer .right li.wx {
  width: 44px;
  height: 44px;
  background: url(/images/footer/wx_icon.png) no-repeat center;
}
.footer .right li.wb {
  width: 44px;
  height: 44px;
  background: url(/images/footer/wb_icon.png) no-repeat center;
}
.footer .right li .ewm {
  display: none;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -110px;
  left: -30px;
  z-index: 99;
}
.footer .qrcode_dislog {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.footer .qrcode_dislog .box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 364px;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
}
.footer .qrcode_dislog .box .inbox {
  display: inline-block;
  height: 350px;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 50px;
}
.footer .qrcode_dislog .box .inbox button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 19px;
  height: 16px;
  cursor: pointer;
  background: url(/images/index/ewm_close.png) no-repeat center;
  color: transparent;
}
.footer .qrcode_dislog .box .inbox ul {
  font-size: 0;
  white-space: nowrap;
  height: 330px;
  box-sizing: border-box;
  padding-top: 50px;
}
.footer .qrcode_dislog .box .inbox ul li {
  display: inline-block;
  vertical-align: top;
  width: 172px;
  margin-left: 20px;

}
.footer .qrcode_dislog .box .inbox ul li:nth-child(2){
  width: 172px;
}
.footer .qrcode_dislog .box .inbox ul li:nth-child(2) img{
  border: 1px solid #eaeaea;
}
.footer .qrcode_dislog .box .inbox ul li:first-child {
  margin-left: 0;
}
.footer .qrcode_dislog .box .inbox ul li img {
  width: 172px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #eaeaea;
}
.footer .qrcode_dislog .box .inbox ul li div {
  font-size: 16px;
  color: #0069ab;
  margin: 10px 0 6px;
}
.footer .qrcode_dislog .box .inbox ul li p {
  text-align: center;
}
.banner {
  width: 100% !important;
  position: relative;
}
.banner .bd li .ban {
  position: relative;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
}
.banner .bd li .ban .w1200 {
  width: 1200px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.banner .btn a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  transition: all 0.4s;
}
.banner .btn .prev {
  left: 20px;
  background: url(/images/index/btn1.png) no-repeat;
}
.banner .btn .next {
  right: 20px;
  background: url(/images/index/btn2.png) no-repeat;
}
.banner .btn .prev:hover {
  background: url(/images/index/btn1on.png) no-repeat;
}
.banner .btn .next:hover {
  background: url(/images/index/btn2on.png) no-repeat;
}
.banner .bd{
  width: 100% !important;
}
.banner .bd ul{
  width: 100% !important;
}
.banner .bd li{
  width: 100% !important;
}
.banner li .txt {
  position: absolute;
}
.banner .li1 .txt {
  top: 34%;
  right: 0;
}
.banner .li1 .txt img {
  margin: 13px auto 0;
}
.banner .li2 .txt {
  top: 39%;
  left: -5%;
}
.banner li .txt h6 {
  font-size: 62px;
  line-height: 62px;
  color: rgba(78, 48, 32, 0.82);
  margin-bottom: 20px;
  font-weight: 100;
}
.banner li .txt p {
  font-size: 22px;
  color: rgba(69, 60, 52, 0.35);
  font-family: "Rubik";
}
.banner .li3 .txt {
  top: 38%;
  left: 50%;
  margin-left: -250px;
}
.banner .li3 .txt h6 {
  text-align: center;
}
.banner .li3 .txt p {
  text-align: center;
}
.banner .li4 .txt {
  left: 0;
  right: 0;
  top: 38%;
  margin: 0 auto;
}
.banner .li5 .txt {
  left: 0;
  right: 0;
  top: 38%;
  margin: 0 auto;
}
.banner .li5 .txt h6 {
  color: #fff;
}
.banner .li5 .txt p {
  color: rgba(249, 249, 249, 0.35);
}
.banner .li6 .txt {
  left: 0;
  right: 0;
  top: 38%;
  margin: 0 auto;
}
.banner .li6 .txt h6 {
  color: #fff;
}
.banner .li6 .txt p {
  color: rgba(249, 249, 249, 0.35);
}
.banner .li7 .txt {
  right: 0;
  top: 38%;
  margin: 0 auto;
}
.banner .li8 .txt {
  top: 27%;
  right: 0;
}
.ban_icon {
  position: absolute;
  left: 50%;
  margin-left: -16.5px;
  bottom: 115px;
  width: 33px;
  background: url(/images/index/ban_icon_1.png) no-repeat top;
  cursor: pointer;
  padding-top: 62px;
}
.content {
  position: relative;
}
.banner .con_img {
  width: 1833px;
  height: 444px;
  position: absolute;
  left: 50%;
  bottom: -345px;
  margin-left: -916.5px;
  z-index: 5;
  display: none;
}
.index {
  height: 441px;
  background: #0069ab;
  overflow: hidden;
}
.banner .con_img .w1200 {
  position: absolute;
  left: 0;
  right: 0;
}
.banner .con_img .w1200::after {
  content: "";
  position: absolute;
  top: 240px;
  left: 0;
  width: 1012px;
  height: 1px;
  background: #e0e0e0;
}
.banner .con_img .left {
  position: absolute;
  left: -315px;
  padding-left: 315px;
  padding-right: 55px;
  float: left;
  width: 760px;
  height: 444px;
  background: url(/images/index/ipg1_left.jpg) no-repeat center;
}
.banner .con_img .right {
  position: absolute;
  right: -318px;
  float: left;
  width: 1073px;
  height: 444px;
  background: url(/images/index/ipg1_right.jpg) no-repeat center;
}
.banner .con_img .tit {
  font-size: 16px;
  color: #333;
  padding-top: 25px;
  margin-bottom: 25px;
}
.banner .con_img .icon_box {
  overflow: hidden;
}
.banner .con_img .left h5 {
  font-size: 32px;
  color: #0069ab;
  font-family: "Rubik";
  margin-bottom: 5px;
  transition: all 0.5s;
}
.banner .con_img .left h6 {
  font-size: 18px;
  color: #0069ab;
  font-weight: bold;
  margin-bottom: 10px;
  transition: all 0.5s;
}
.banner .con_img .left p {
  margin-bottom: 38px;
  transition: all 0.5s;
}
.banner .con_img .left a:hover h5 {
  color: #ff8a00;
}
.banner .con_img .left a:hover h6 {
  color: #ff8a00;
}
p {
  font-size: 14px;
  color: #666;
}
.banner .left .new_box li {
  position: relative;
  float: left;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  color: #666;
  margin-right: 15px;
  cursor: pointer;
}
.banner .left .new_box li.on {
  color: #333;
  font-weight: bold;
}
.banner .left .new_box li.on::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #0069ab;
}
.banner .left .new_con {
  display: none;
}
.banner .left .new_con p {
  float: left;
  width: 240px;
  margin-bottom: 5px;
  transition: all 0.5s;
}
.banner .left .new_con .time {
  float: right;
  font-size: 16px;
  color: rgba(102, 102, 102, 0.41);
  font-family: "Rubik";
  transition: all 0.5s;
}
.banner .left .new_con .info:hover p {
  color: #ff8a00;
}
.banner .left .new_con .info:hover .time {
  color: #ff8a00;
}
.banner .right .ri {
  float: left;
}
.banner .right .le {
  width: 568px;
  float: left;
  padding-left: 50px;
}
.banner .right .icon_box li {
  float: left;
  width: 113px;
  height: 166px;
  margin-right: 10px;
  background: no-repeat center 43px;
  transition: all 0.5s;
}
.banner .right .icon_box li.li1 {
  background-color: #0069ab;
  background-image: url(/images/index/ipg1_ic1.png);
}
.banner .right .icon_box li.li2 {
  background-color: #af4b4b;
  background-image: url(/images/index/ipg1_ic2.png);
}
.banner .right .icon_box li.li3 {
  background-color: #1ca520;
  background-image: url(/images/index/ipg1_ic3.png);
}
.banner .right .icon_box li.li4 {
  background-color: #ff8a00;
  background-image: url(/images/index/ipg1_ic4.png);
}
.banner .right .icon_box li.li1:hover {
  background-color: rgba(0, 105, 171, 0.7);
}
.banner .right .icon_box li.li2:hover {
  background-color: rgba(175, 75, 75, 0.7);
}
.banner .right .icon_box li.li3:hover {
  background-color: rgba(28, 165, 32, 0.7);
}
.banner .right .icon_box li.li4:hover {
  background-color: rgba(255, 138, 0, 0.7);
}
.banner .right .icon_box li h6 {
  padding-top: 110px;
  font-size: 18px;
  text-align: center;
}
.banner .right .icon_box li.li1 h6 {
  color: #cde3ff;
}
.banner .right .icon_box li.li2 h6 {
  color: #eacaca;
}
.banner .right .icon_box li.li3 h6 {
  color: #d5f7d6;
}
.banner .right .icon_box li.li4 h6 {
  color: #ffe9d0;
}
#more {
  width: 77px;
  height: 21px;
  background: url(/images/index/ipg1_btn.png) no-repeat center;
  margin-top: 35px;
}
.banner .right h5 {
  font-size: 26px;
  color: #0069ab;
  margin-top: 25px;
  line-height: 32px;
  margin-bottom: 5px;
}
.banner .right p {
  font-size: 16px;
  color: #666;
  line-height: 20px;
  font-family: "Rubik";
}
.banner .right #more {
  margin-top: 25px;
}
.banner .right .ri .h1 {
  font-size: 32px;
  color: #666;
  letter-spacing: -2px;
  margin-bottom: 5px;
}
.banner .right .ri .h2 {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}
.banner .right .ri {
  position: relative;
  width: 505px;
  height: 100%;
}
.banner .right .ri .h3 {
  font-size: 42px;
  color: #da1111;
  font-family: "Rubik";
  letter-spacing: -2px;
  display: inline-block;
  padding-right: 35px;
  background: url(/images/index/ipg1_up.png) no-repeat center right;
}
.banner .right .ri .h3.green {
  color: #1ca520;
  background: url(/images/index/ipg1_down.png) no-repeat center right;
}
.banner .right .ri .video {
  position: absolute;
  bottom: 0;
  right: 0;
}
.banner .right .ri .video_btn {
  position: absolute;
  left: 220px;
  top: 50%;
  margin-top: -29px;
  /* margin-left: -29px; */
  width: 58px;
  height: 58px;
  background: url(/images/index/video_btn.png) no-repeat center;
  cursor: pointer;
}
@media screen and (max-width: 1720px){
  .banner .right .ri .video_btn{
    left: 195px;
  }
}
@media screen and (max-width: 1660px){
  .banner .right .ri .video_btn{
    left: 175px;
  }
}
@media screen and (max-width: 1600px){
  .banner .right .ri .video_btn{
    left: 155px;
  }
}
@media screen and (max-width: 1500px){
  .banner .right .ri .video_btn{
    left: 140px;
  }
}
@media screen and (max-width: 1450px){
  .banner .right .ri .video_btn{
    left: 125px;
  }
}
@media screen and (max-width: 1400px){
  .banner .right .ri .video_btn{
    left: 110px;
  }
}
@media screen and (max-width: 1350px){
  .banner .right .ri .video_btn{
    left: 95px;
  }
}
.video_box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: none;
}
.video_box .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}
.video_box video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1200px;
  height: 700px;
  margin-top: -350px;
  margin-left: -600px;
  background: #000;
}
#pub_ban {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
}
#pub_ban .c_img {
  height: 100%;
  background: no-repeat center;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  background-size: cover;
}
#pub_menu {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e8e8e8;
}
#pub_menu ul {
  float: right;
  background: url(/images/about/house.png) no-repeat center left;
  padding-left: 20px;
}
#pub_menu li {
  position: relative;
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 60px;
  margin-left: 15px;
  cursor: pointer;
}
#pub_menu li.on {
  color: #0069ab;
}
#pub_menu li.on a {
  color: #0069ab;
}
#pub_menu li a{
  color: #808080;
}
#pub_menu li.on::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #0069ab;
}

.about .ipg1 {
  width: 100%;
  padding-top: 60px;
}
.pub_bg {
  background: url(/images/about/pub_bg.jpg) no-repeat center top;
}
.about .ipg1 .left {
  width: 406px;
  float: left;
}
#stock {
  width: 406px;
  height: 369px;
  padding: 40px;
  background: url(/images/about/gp_bg.jpg) no-repeat center;
}
#stock .t1 {
  font-size: 18px;
  color: #909490;
  margin-bottom: 5px;
}
#stock .t2 {
  font-size: 32px;
  color: #0069ab;
  margin-bottom: 5px;
  letter-spacing: -2px;
  font-family: "Rubik";
}
#stock .t3 {
  font-size: 14px;
  color: #c3c8c3;
  margin-bottom: 35px;
}
#stock .t4 {
  font-size: 14px;
  color: #c3c8c3;
  margin-bottom: 10px;
}
#stock .t5 {
  font-size: 42px;
  color: #da1111;
  margin-bottom: 35px;
  letter-spacing: -2px;
  font-family: "Rubik";
}
#stock .t5 span {
  font-size: 22px;
  padding-left: 28px;
  margin-left: 20px;
  background: url(/images/about/btn_up.png) no-repeat left;
}
#stock .t5.green {
  color: #009641;
}
#stock .t5.green span {
  background-image: url(/images/about/btn_up2.png);
}
#stock .cn {
  font-size: 22px;
  color: rgba(96, 98, 99, 0.68);
  margin-bottom: 5px;
}
#stock .en {
  font-size: 18px;
  color: rgba(187, 206, 198, 0.5);
  text-transform: uppercase;
  font-family: "Rubik";
  letter-spacing: -1px;
}
.about .ipg1 .bom {
  padding: 20px 17px;
  border-bottom: 4px solid #f4eee4;
}
.about .ipg1 .bom .cn {
  font-size: 22px;
  color: #ed0c0c;
  margin-bottom: 5px;
}
.about .ipg1 .bom .txt {
  background: url(/images/about/cubes.jpg) no-repeat center left;
  padding-left: 70px;
  background-size: 14%;
}
.about .ipg1 .bom .en {
  font-size: 18px;
  color: rgba(83, 83, 83, 0.4);
  font-family: "Rubik";
}
.about .ipg1 .right {
  float: left;
  width: 794px;
  padding-left: 35px;
}
.about .ipg1 .right .cn {
  font-size: 26px;
  color: #0069ab;
  margin-bottom: 8px;
}
.about .ipg1 .right .en {
  font-size: 24px;
  color: #0069ab;
  font-family: "Rubik";
  text-transform: uppercase;
  margin-bottom: 25px;
}
.about .ipg1 .right .since {
  font-size: 50px;
  color: #becfc0;
  font-family: "Rubik";
  text-transform: uppercase;
  margin-bottom: 30px;
}
.about .ipg1 .right .since span {
  display: block;
  font-size: 32px;
  margin-top: 8px;
}
.about .ipg1 .right .p_box p {
  margin-bottom: 20px;
  color: rgba(80, 85, 102, 0.8);
}
.about .ipg2 {
  width: 100%;
  height: 465px;
  padding-top: 100px;
  background: url(/images/about/ab1_2bg.jpg) no-repeat center;
}
.about .ipg2 ul {
  width: 1220px;
}
.about .ipg2 li {
  float: left;
  margin-right: 60px;
  padding-left: 60px;
  background: no-repeat top left;
}
.about .ipg2 li.li1 {
  background-image: url(/images/about/ab_ic1.png);
}
.about .ipg2 li.li2 {
  background-image: url(/images/about/ab_ic2.png);
}
.about .ipg2 li.li3 {
  background-image: url(/images/about/ab_ic3.png);
}
.about .ipg2 li.li4 {
  background-image: url(/images/about/ab_ic4.png);
}
.about .ipg2 li.li5 {
  background-image: url(/images/about/ab_ic5.png);
}
.about .ipg2 li:last-child {
  margin-right: 0;
}
.about .ipg2 li h5 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
}
.about .ipg2 li em {
  font-size: 40px;
  font-family: "Rubik";
}
.about .ipg2 li.li4 em {
  position: relative;
  padding-right: 15px;
}
.about .ipg2 li.li4 em::after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  width: 13px;
  height: 13px;
  background: url(/images/about/jia.png) no-repeat center;
}
.about .ipg2 li h6 {
  position: relative;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.about .ipg2 li h6::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 40px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.7);
}
.about .ipg3 {
  width: 100%;
  height: 330px;
}
.about .ipg3 .w1200 {
  position: relative;
}
.about .ipg3 .w1200 .ipg3_box {
  position: absolute;
  left: 0;
  top: -205px;
  width: 1700px;
  height: 446px;
  background: url(/images/about/ab1_3bg.jpg) no-repeat center;
}
.about .ipg3_box .left {
  float: left;
}
.about .ipg3_box .right {
  float: left;
  width: 754px;
  padding-top: 130px;
  padding-left: 38px;
}
.about .ipg3_box .right .cn {
  font-size: 26px;
  color: #ed0c0c;
  margin-bottom: 10px;
}
.about .ipg3_box .right .en {
  font-size: 20px;
  color: #0069ab;
  margin-bottom: 10px;
  font-family: "Rubik";
  text-transform: uppercase;
}
.about .ipg3_box .right p {
  color: rgba(80, 85, 102, 0.8);
}
.about2 .ipg1 {
  position: relative;
  width: 100%;
  padding-top: 70px;
}
.about2 .ipg1 ul {
  position: relative;
  padding-top: 70px;
  padding-bottom: 200px;
  background: url(/images/about/abt3-icon4.jpg) repeat-y 600px center;
}
.about2 .ipg1 li {
  position: relative;
  left: 580px;
}
.about2 .ipg1 li:nth-child(2) .txt{
  margin-left: 170px;
}
.about2 .ipg1 li .time {
  font-size: 40px;
  line-height: 40px;
  color: #0069ab;
  font-family: "Rubik";
  padding-left: 80px;
  background: url(/images/about/ab2_dot.png) no-repeat center left;
  margin-bottom: 35px;
}
.about2 .ipg1 li .txt {
  padding-left: 80px;
}
.about2 .ipg1 li .txt p {
  font-size: 16px;
  color: #666;
  margin-bottom: 5px;
}
.about2 .ipg1 li.on {
  width: 600px;
  left: 20px;
}
.about2 .ipg1 li.on .time {
  text-align: right;
  padding-left: 0;
  padding-right: 80px;
  background: url(/images/about/ab2_dot.png) no-repeat center right;
}
.about2 .ipg1 li.on .txt {
  padding-left: 0px;
  padding-right: 80px;
}
.about2 .ipg1 li.on .txt p {
  text-align: right;
}
.about2 .ipg1 li:last-child {
  margin-bottom: 0;
}
.about2 .ipg1 .btn {
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  width: 56px;
  height: 56px;
  margin: 0 auto;
  background: #fff url(../images/about/ab2_btn.png) no-repeat center;
  cursor: pointer;
  transition: all .5s;
}
.about2 .ipg1 .btn:hover{
  background-image: url(/images/about/ab2_btns.png);
}
.about3 .ipg1 .w1200 {
  position: relative;
}
.about3 .ipg1 .list {
  position: absolute;
  top: 50px;
  left: -30px;
}
.about3 .ipg1 .list .item {
  position: relative;
  z-index: 2;
  width: 214px;
  height: 69px;
  line-height: 69px;
  padding-left: 40px;
  background: #dcdcdc;
  font-size: 14px;
  color: #666;
  margin-bottom: 1px;
  cursor: pointer;
}
.about3 .ipg1 .list .item.on {
  background: #ff7e00;
  color: #fff;
}
.about3 .ipg1 .list .item.on::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  margin-top: -6px;
  width: 6px;
  height: 12px;
  background: url(/images/about/ab3_sjx.png) no-repeat center;
}
.about3 .ipg1 .licon {
  position: relative;
}
.about3 .ipg1 .licon .tit {
  position: absolute;
  top: 50px;
  left: 455px;
}
.about3 .ipg1 .licon .tit .img {
  float: right;
  margin-bottom: 15px;
}
.about3 .ipg1 .licon .tit .en {
  font-size: 26px;
  color: rgba(54, 71, 113, 0.12);
  font-family: "Rubik";
  text-transform: uppercase;
}
.about3 .ipg1 .licon .tit .cn {
  font-size: 16px;
  color: rgba(54, 71, 113, 0.2);
  text-align: right;
}
.about3 .ipg1 .licon .txt .years {
  font-size: 16px;
  color: #666;
}
.about3 .ipg1 .licon .txt h6 {
  font-size: 17px;
  color: #666;
  margin-bottom: 15px;
}
.about3 .ipg1 .licon .txt p {
  font-size: 14px;
  color: #999;
  line-height: 20px;
}
.about3 .ipg1 .licon .txt {
  margin-bottom: 30px;
}
.about3 .ipg1 .licon li .txt_con {
  overflow: hidden;
}
.about3 .ipg1 .licon li .txt_btn {
  width: 56px;
  height: 56px;
  margin-left: 80px;
  background: url(/images/about/ab2btn.png) no-repeat center;
  cursor: pointer;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  animation-fill-mode: both;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: h_fadeInUp;
  animation-direction: alternate;
  margin-top: 30px;
}
.about3 .ipg1 .licon li:hover .txt_btn {
  background: url(/images/about/ab2btnon.png) no-repeat center;
}
.about3 .ipg1 .licon li:hover .txt_btn {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.about3 .ipg1 .licon li .txt_btn.on {
  background: url(/images/about/ab2btns.png) no-repeat center;
}
.about3 .ipg1 .licon li:hover .txt_btn.on{
  background: url(/images/about/ab2btnson.png) no-repeat center;
}
.about3 .ipg1 .licon li.on .txt_btn {
  margin-left: 464px;
}
@-webkit-keyframes h_fadeInUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
     transform: none;
  }
}
@keyframes h_fadeInUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.h_fadeInUp {
  -webkit-animation-name: h_fadeInUp;
  animation-name: h_fadeInUp;
}
.about3 .ipg1 .licon li.on .years {
  text-align: right;
}
.about3 .ipg1 .licon li.on h6 {
  text-align: right;
}
.about4 .ipg1 {
  padding: 50px 0 60px;
}
.about4 .ipg1 .tit {
  font-size: 22px;
  color: #666;
  text-align: center;
  margin-bottom: 30px;
}
.about4 .ipg1 .group {
  width: 1200px;
  height: 1266px;
     background: no-repeat center;
     position: relative;
     margin-left: -130px;
  
	     
}
.about5 .ipg1 {
  padding: 20px 0 60px;
}
.about5 .ipg1_box {
  padding-top: 80px;
  background: url(/images/about/abt3-icon4.jpg) repeat-y 125px center;
}
.about5 .ipg1 .tit {
  position: relative;
  width: 125px;
  font-size: 22px;
  line-height: 40px;
  color: #666;
  margin-bottom: 40px;
}
.about5 .ipg1 .tit::after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 40px;
  height: 40px;
  background: url(/images/about/ab2_dot.png) no-repeat center right;
}
.about5 .ipg1 li {
  width: 1024px;
  background: #f5f5f5;
  margin-left: 175px;
  padding: 40px 35px;
  margin-bottom: 10px;
  transition: 0.5s all;
}
.about5 .ipg1 li h5 {
  font-size: 22px;
  color: #0069ab;
  margin-bottom: 5px;
}
.about5 .ipg1 li h6 {
  font-size: 16px;
  color: #0069ab;
  margin-bottom: 25px;
}
.about5 .ipg1 li p {
  font-size: 14px;
  color: #666;
}
.about5 .ipg1 li:hover {
  background-color: #0069ab;
}
.about5 .ipg1 li:hover h5 {
  color: #fff;
}
.about5 .ipg1 li:hover h6 {
  color: #fff;
}
.about5 .ipg1 li:hover p {
  color: #c3e2f5;
}
.about5 .ipg1 li:last-child {
  margin-bottom: 0;
}
.about5 .ipg1_box .more {
  width: 1024px;
  height: 63px;
  background: url(/images/about/more.jpg) no-repeat center;
  cursor: pointer;
  margin-left: 175px;
  margin-top: 20px;
}
.about6 .ipg1 {
  width: 100%;
  height: 563px;
  padding-top: 119px;
  background: url(/images/about/ab6_bg.jpg) no-repeat center;
  overflow: hidden;
}
.about6 .ipg1 .font {
  width: 1200px;
  height: 444px;
  background: #0073bc;
  margin-left: -502px;
  padding: 40px 40px 0 500px;
}
.about6 .ipg1 .font .en {
  font-size: 42px;
  color: #fff;
  line-height: 42px;
  text-transform: uppercase;
  font-family: "Rubik";
}
.about6 .ipg1 .font .cn {
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
}
.about6 .ipg1 .font p {
  color: #fff;
  margin-bottom: 15px;
}
.about6 .ipg2 {
  width: 100%;
  height: 460px;
  background: #009641;
}
.pub_carou {
  position: relative;
  float: left;
  width: 697px;
  height: 460px;
  overflow: hidden;
}
.pub_carou .pic li {
  width: 697px;
  height: 460px;
  overflow: hidden;
}
.pub_carou .pic_btn a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: no-repeat center;
  transition: all 0.5s;
}
.pub_carou .pic_btn a.le_btn {
  left: 35px;
  background-image: url(/images/index/btn1.png);
}
.pub_carou .pic_btn a.ri_btn {
  right: 35px;
  background-image: url(/images/index/btn2.png);
}
.pub_carou .pic_btn a.le_btn:hover {
  background-image: url(/images/index/btn1on.png);
}
.pub_carou .pic_btn a.ri_btn:hover {
  right: 35px;
  background-image: url(/images/index/btn2on.png);
}
.pub_carou .pic_btn a.prevStop:hover {
  background-image: url(/images/index/btn1.png);
}
.pub_carou .pic_btn a.nextStop:hover {
  background-image: url(/images/index/btn2.png);
}
.pub_carou .idx {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 104px;
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 25px;
}
.pub_carou .idx li {
  position: relative;
  display: inline-block;
  width: 120px !important;
  height: 60px;
  margin-right: 10px;
  border: 3px solid #fff;
  overflow: hidden;
  background: #1ca520;
}
.pub_carou .idx li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.pub_carou .idx .tempWrap {
  width: 640px !important;
  margin: 0 auto;
}
.pub_carou .idx ul {
  text-align: center;
}
.pub_carou .idx li img {
  width: 100%;
  height: 100%;
}
.pub_carou .idx li.on::after {
  display: none;
}
.pub_carou .idx_btn a {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 13px;
  height: 19px;
  background: no-repeat center;
}
.pub_carou .idx_btn a.idx_le {
  left: 8px;
  background-image: url(/images/about/ab6_le.png);
}
.pub_carou .idx_btn a.idx_ri {
  right: 8px;
  background-image: url(/images/about/ab6_ri.png);
}
.pub_font {
  float: left;
  width: 503px;
  height: 460px;
  padding: 160px 0 0 60px;
}
.pub_font .en {
  font-size: 18px;
  color: #00883b;
  text-transform: uppercase;
  font-family: "Rubik";
  margin-bottom: 20px;
}
.pub_font .cn {
  font-size: 36px;
  color: #fff;
  margin-bottom: 10px;
}
.pub_font p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}
.about6 .ipg3 {
  background: #0074be;
  height: 460px;
}
.about6 .ipg3 .pub_font .en {
  color: #005a93;
}
.news .ipg1 {
  padding: 60px 0 60px;
}
.news .ipg1 .left {
  float: left;
  width: 406px;
}
.news .ipg1 .left .bom .en {
  font-size: 42px;
  line-height: 42px;
  color: #deeaef;
  text-transform: uppercase;
  font-family: "Rubik";
  letter-spacing: -2px;
  margin-top: 35px;
}
.news .ipg1 .left .bom .cn {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
}
.news .ipg1 .left .bom p {
  margin-bottom: 35px;
}
.news .ipg1 .left .bom .pdf {
  width: 150px;
  height: 65px;
  border-radius: 40px;
  background: #0069ab url(../images/news/news_pdf.png) no-repeat 25px center;
  cursor: pointer;
  transition: all 0.5s;
}
.news .ipg1 .left .bom .pdf:hover {
  background-color: #ff8a00;
}
.news .ipg1 .left .bom .pdf a {
  font-size: 16px;
  color: #fff;
  line-height: 65px;
  margin-left: 65px;
}
.news .ipg1 .right {
  float: right;
  width: 754px;
}
.news .ipg1 .new_con {
  position: relative;
  height: 310px;
}
.news .ipg1 .new_con .pic {
  float: left;
  width: 397px;
  height: 310px;
  overflow: hidden;
}
.news .ipg1 .new_con .pic img{
  width: 100%;
  height: 100%;
}
.news .ipg1 .new_con .font {
  float: left;
  width: 357px;
  height: 310px;
  overflow: hidden;
  padding: 40px;
  background: #f8f8f8;
}

.news .ipg1 .new_con .font h6 {
  font-size: 18px;
  color: #0069ab;
  margin-bottom: 10px;
  font-weight: bold;
  transition: all 0.5s;
}
.news .ipg1 .new_con .font .date {
  display: inline-block;
  font-size: 22px;
  color: #0069ab;
  font-family: "Rubik";
  margin-right: 45px;
  margin-bottom: 15px;
  transition: all 0.5s;
}
.news .ipg1 .new_con .font p {
  transition: all 0.5s;
}
.news .ipg1 .new_con .font:hover h6 {
  color: #ff8a00;
}
.news .ipg1 .new_con .font:hover .date {
  color: #ff8a00;
}
.news .ipg1 .new_con .font .eyes {
  display: inline-block;
  font-size: 12px;
  color: #c4c3ca;
  font-family: "Rubik";
  padding-left: 25px;
  background: url(/images/news/eyes.png) no-repeat center left;
  margin-right: 10px;
  transition: all 0.5s;
}
.news .ipg1 .new_con .font:hover .eyes {
  color: #0069ab;
  background: url(/images/news/eyeson.png) no-repeat center left;
}
.news .ipg1 .new_con .font .share {
  display: inline-block;
  font-size: 12px;
  color: #c4c3ca;
  font-family: "Rubik";
  padding-left: 25px;
  background: url(/images/news/share.png) no-repeat center left;
  display: none;
}
.news .ipg1 .new_con .hd {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.news .ipg1 .new_con .hd li {
  display: inline-block;
  text-indent: -9999px;
  width: 23px;
  height: 4px;
  background: #ccc;
  margin: 0 5px;
}
.news .ipg1 .new_con .hd li.on {
  background: #0069ab;
}
.news .ipg1 .new_list {
  margin-top: 80px;
}
.news .ipg1 .new_list li {
  width: 754px;
  height: 80px;
  background: #efefef;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.5s;
}
.news .ipg1 .new_list li a {
  width: 100%;
  height: 100%;
  padding: 17px 30px;
}
.news .ipg1 .new_list li .le {
  /* float: left; */
  margin-right: 50px;
  font-size: 26px;
  color: #b0b0b0;
  font-family: "Rubik";
  line-height: 26px;
}
.news .ipg1 .new_list li .ri {
  /* float: left; */
}
.news .ipg1 .new_list li .ri p {
  font-size: 14px;
    line-height: 24px;
}
.news .ipg1 .new_list li:hover {
  background: #0069ab;
}
.news .ipg1 .new_list li:hover .le {
  color: #fff;
}
.news .ipg1 .new_list li:hover .ri p {
  color: #fff;
}
.news .ipg1 .new_list .more {
  width: 754px;
  height: 63px;
  background: url(/images/about/more.jpg) no-repeat center;
  cursor: pointer;
}
.news_ins .ipg1 {
  padding: 50px 0;
}
.news_ins .ipg1 .w1200 {
  width: 800px;
}
.news_ins .ipg1 .tit {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 35px;
}
.news_ins .ipg1 .tit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #666;
}
.news_ins .ipg1 .tit h6 {
  font-size: 32px;
  color: #666;
  line-height: 40px;
}
.news_ins .ipg1 .date {
  font-size: 24px;
  color: #0069ab;
  margin-top: 10px;
  font-family: "Rubik";
}
.news_ins .ipg1 span {
  color: #666;
  font-size: 14px;
  margin-right: 30px;
}
.news_ins .ipg1 .bshare-custom li {
  float: left;
  margin-top: 10px;
  line-height: 25px;
  font-size: 14px;
  color: #666;
}
.news_ins .ipg1 .bshare-custom li a {
  margin-right: 10px;
}
.news_ins .ipg1 .bshare-custom li a.wx {
  width: 26px;
  height: 25px;
  background: url(/images/news/wx.png) no-repeat center;
}
.news_ins .ipg1 .bshare-custom li a.wb {
  width: 25px;
  height: 25px;
  background: url(/images/news/wb.png) no-repeat center;
}
.news_ins .ipg1 .bshare-custom li a.kj {
  width: 26px;
  height: 25px;
  background: url(/images/news/kj.png) no-repeat center;
}
.news_ins .ipg1 .bshare-custom li a.qq {
  width: 26px;
  height: 25px;
  background: url(/images/news/qq.png) no-repeat center;
}
.news_ins .ipg1 .new_con {
  margin-top: 20px;
}
.news_ins .ipg1 .new_con p {
  margin-bottom: 25px;
}
.news_ins .ipg1 .new_con p img {
  display: inline-block;
}
#bsWXBox {
  box-sizing: content-box;
}

.business #pub_ban {
  height: 620px;
}
.business #pub_ban .c_img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.business #pub_ban .w1200 {
  position: relative;
}
.business #pub_ban .txt {
  padding: 150px 0 0 600px;
}
.business #pub_ban .txt h6 {
  font-size: 62px;
  line-height: 62px;
  color: #0069ab;
  margin-bottom: 20px;
  margin-left: -5px;
}
.business #pub_ban .txt .en {
  font-size: 22px;
  color: rgba(0, 105, 171, 0.5);
  font-family: "Rubik";
  margin-bottom: 20px;
}
.business #pub_ban .txt p {
  color: rgba(83, 83, 83, 0.88);
  margin-bottom: 10px;
}
.business #pub_ban .txt .p2 {
  color: rgba(0, 105, 171, 0.64);
}
.business .ipg1 {
  padding: 40px 0 60px;
}
.business .ipg1 .all {
  position: relative;
  float: left;
  width: 135px;
  height: 66px;
  border-radius: 40px;
  background: #f3f3f3 url(../images/business/all.png) no-repeat 80px center;
  margin-right: 20px;
  cursor: pointer;
}
.business .ipg1 .all .iptm {
  font-size: 14px;
  color: #333;
  line-height: 66px;
  padding-left: 40px;
}
.business .ipg1 .all .drapList {
  display: none;
  position: absolute;
  z-index: 999;
  top: 40px;
  width: 135px;
  background: #f3f3f3;
  border-radius: 0 0 40px 40px;
  padding: 18px 18px 25px 18px;
  overflow: hidden;
}
.business .ipg1 .all ul::-webkit-scrollbar {
  background: transparent;
}
.business .ipg1 .all ul {
  max-height: 120px;
  /* overflow: hidden; */
  overflow-y: auto;
}
.business .ipg1 .all li {
  font-size: 14px;
  color: #666;
  padding: 0 22px;
  height: 30px;
  line-height: 30px;
  background: #f3f3f3;
}
.business .ipg1 .all li:last-child {
  border-bottom: none;
}
.business .ipg1 .serch {
  float: left;
  width: 446px;
  height: 66px;
  border-radius: 40px;
  background: #f3f3f3;
  padding-left: 30px;
}
.business .ipg1 .serch input {
  float: left;
  width: 354px;
  height: 66px;
  font-size: 14px;
  color: #999;
}
/* WebKit browsers */
.business .ipg1 .serch input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
/* Mozilla Firefox 4 to 18 */
.business .ipg1 .serch input:-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px;
}
/* Mozilla Firefox 19+ */
.business .ipg1 .serch input::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px;
}
/* Internet Explorer 10+ */
.business .ipg1 .serch input:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}
.business .ipg1 .serch_btn {
  float: left;
  width: 58px;
  height: 58px;
  background: url(/images/business/serch.png) no-repeat center;
  margin-top: 4px;
  cursor: pointer;
  transition: all 0.5s;
}
.business .ipg1 .serch_btn:hover {
  background: url(/images/business/serchon.png) no-repeat center;
}
.business .ipg1 .con {
  margin-top: 30px;
}
.business .ipg1 .con li {
  float: left;
  width: 386px;
  height: 373px;
  overflow: hidden;
  margin-right: 21px;
  margin-bottom: 21px;
}
.tr_img {
  overflow: hidden;
}
.tr_img:hover img {
  transform: scale(1.08);
}
.tr_img img {
  transition: all 0.8s;
}
.business .ipg1 .con li .tr_img {
  width: 386px;
  height: 278px;
}
.business .ipg1 .con ul {
  width: 1221px;
  overflow: hidden;
}
.business .ipg1 .con li .font {
  width: 386px;
  height: 95px;
  background: #f8f9fb;
  border-top: none;
  line-height: 95px;
  text-align: center;
  font-size: 16px;
  color: #666;
  transition: 0.5s all;
}
.business .ipg1 .con li:hover .font {
  color: #ff8a00;
}
.business .ipg1 .more {
  width: 100%;
  height: 63px;
  background: url(/images/business/more.jpg) no-repeat center;
  cursor: pointer;
}
.business_ins .ipg1 {
  width: 100%;
  background: url(/images/business/ins_ban.jpg) no-repeat center top;
  padding-top: 105px;
}
.business_ins .ipg1 .top {
  position: relative;
}
.business_ins .ipg1 .pic {
  position: relative;
  float: left;
  width: 830px;
  height: 522px;
}
.business_ins .ipg1 .pic .btn a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: no-repeat center;
  transition: all 0.5s;
}
.business_ins .ipg1 .pic .btn a.le_btn {
  left: 40px;
  background-image: url(/images/index/btn1.png);
}
.business_ins .ipg1 .pic .btn a.ri_btn {
  right: 40px;
  background-image: url(/images/index/btn2.png);
}
.business_ins .ipg1 .pic .btn a.le_btn:hover {
  background-image: url(/images/index/btn1on.png);
}
.business_ins .ipg1 .pic .btn a.ri_btn:hover {
  background-image: url(/images/index/btn2on.png);
}
.business_ins .ipg1 .font {
  position: relative;
  float: left;
  width: 370px;
  height: 522px;
  padding: 40px;
  background: #fafafe;
}
.business_ins .ipg1 .font h6 {
  font-size: 32px;
  color: #0069ab;
  margin-bottom: 40px;
}
.business_ins .ipg1 .font .cost {
  font-size: 14px;
  color: #333;
  margin-bottom: 15px;
}
.business_ins .ipg1 .font .cost em {
  font-size: 28px;
  color: #ff8400;
}
.business_ins .ipg1 .font .cost em span {
  font-size: 14px;
}
.business_ins .ipg1 .font h5 {
  margin-bottom: 75px;
}
.business_ins .ipg1 .font h5 span {
  display: inline-block;
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  background: #e8ebf3;
  text-align: center;
  font-size: 14px;
  color: #666;
  margin: 0 10px 10px 0;
  border-radius: 8px;
}
.business_ins .ipg1 .font .p_box .p1 {
  float: left;
}
.business_ins .ipg1 .font .p_box .p2 {
  width: 220px;
  float: left;
}
.business_ins .ipg1 .font h4 {
  margin-top: 25px;
}
.business_ins .ipg1 .font h4 .phone {
  font-size: 28px;
  color: #ff8400;
  font-family: "Rubik";
  margin-top: 5px;
}
.business_ins .ipg1 .font .dys {
  position: relative;
  bottom: -30px;
  right: 0;
  width: 330px;
}
.business_ins .ipg1 .font .dys .date {
  float: left;
  width: 130px;
  height: 80px;
  background: #ff9523 url(../images/business/opt.png) no-repeat center;
}
.business_ins .ipg1 .font .dys .house {
  float: left;
  width: 200px;
  height: 80px;
  background: #ff8400;
  line-height: 80px;
  font-size: 22px;
  color: #fff;
  padding-left: 30px;
  cursor: pointer;
  transition: all 0.5s;
}
.business_ins .ipg1 .font .dys .house:hover {
  opacity: 0.6;
}
.business_ins .ipg1 .back {
  position: absolute;
  top: -80px;
  right: 0;
}
.business_ins .ipg1 .back .icon {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff url(../images/business/back.png) no-repeat center;
  transition: all 0.5s;
}
.business_ins .ipg1 .back .icon:hover {
  background: #ff8a00 url(../images/business/backon.png) no-repeat center;
}
.business_ins .ipg1 .back .btn {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  color: #0069ab;
  font-weight: bold;
  display: none;
}
.business_ins .ipg1 .bom {
  width: 100%;
  background: #fafafe;
  padding: 40px;
}
.business_ins .ipg1 .bom h6 {
  font-size: 22px;
  color: #0069ab;
  margin-bottom: 20px;
}
.business_ins .ipg1 .bom .txt {
  margin-top: 30px;
}
.business_ins .ipg1 .bom .p_box1 {
  width: 500px;
  margin-right: 150px;
}
.business_ins .ipg2 .tab h6 {
  float: left;
  font-size: 22px;
  color: #0069ab;
  margin: 35px 0 20px;
}
.business_ins .ipg2 .tab ul {
  float: right;
}
.business_ins .ipg2 .tab li {
  position: relative;
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 79px;
  margin-left: 20px;
  cursor: pointer;
}
.business_ins .ipg2 .tab li.on {
  color: #0069ab;
}
.business_ins .ipg2 .tab li.on::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #0069ab;
}
.business_ins .ipg2 .tabm ul {
  width: 1221px;
}
.business_ins .ipg2 .tabm .tempWrap{
  width: 1200px !important;
}
.business_ins .ipg2 .tabm li {
  position: relative;
  float: left;
  width: 386px !important;
  height: 278px;
  margin-right: 21px;
  cursor: pointer;
  margin-bottom: 20px;
  border: 1px solid #0069ab;
  overflow: hidden;
}
.business_ins .ipg2 .tabm li a{
  height: 100%;
}
.business_ins .ipg2 .tabm li .tr_img{
  height: 100%;
}
.business_ins .ipg2 .tabm li .tr_img img{
  width: 100%;
  height: 100%;
}
.business_ins .ipg2 .tabm li .vr-btn{
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 50px;
  background: rgba(0, 105, 171, 0.5);
  text-align: center;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  z-index: 10;
}
.business_ins .ipg2 .tabm {
  position: relative;
}
.business_ins .ipg2 .tabm .btn a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: no-repeat center;
  transition: all 0.5s;
}
.business_ins .ipg2 .tabm .btn a.le_tabm {
  left: -80px;
  background-image: url(/images/business/h_btn1.png);
}
.business_ins .ipg2 .tabm .btn a.ri_tabm {
  right: -80px;
  background-image: url(/images/business/h_btn2.png);
}
.business_ins .ipg2 .tabm .btn a.le_tabm:hover {
  background-image: url(/images/business/h_btn1on.png);
}
.business_ins .ipg2 .tabm .btn a.ri_tabm:hover {
  background-image: url(/images/business/h_btn2on.png);
}
.business_ins .ipg3 {
  margin-bottom: 60px;
}
.business_ins .ipg3 h6 {
  font-size: 22px;
  color: #0069ab;
  margin: 35px 0 20px;
}
.business_ins .ipg3 .ipg3_box {
  width: 100%;
  height: 477px;
  background: #fafafe;
  padding: 30px;
}
.business_ins .ipg3_box .map {
  float: left;
  width: 763px;
  height: 416px;
}
.business_ins .ipg3_box #map {
  width: 763px;
  height: 416px;
}
.business_ins .ipg3_box .map_ins {
  float: left;
  width: 347px;
  margin-left: 20px;
}
.business_ins .ipg3_box .map_ins .btn {
  width: 100%;
  height: 80px;
  background: #e6e6e6;
  text-align: center;
}
.business_ins .ipg3_box .map_ins .btn li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 80px;
  color: #666;
  margin: 0 10px;
}
.business_ins .ipg3_box .map_ins .btn li.crt {
  color: #0069ab;
}
.business_ins .ipg3_box .map_ins .btn li.crt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #0069ab;
}
.business_ins .ipg3_box .map_ins #r-result {
  max-height: 335px;
  overflow: auto;
  padding-top: 10px;
}
.business_ins .ipg3_box .map_ins #r-result li {
  padding: 15px 5px;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
.business_ins .ipg3_box .map_ins #r-result li h6 {
  margin: 0;
  font-size: 18px;
}
.business2 #pub_ban {
  height: 622px;
}
.business2 #pub_ban .c_img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.business2 #pub_ban .w1200 {
  position: relative;
}
.business2 #pub_ban .txt {
  padding-top: 235px;
}
.business2 #pub_ban .txt h6 {
  font-size: 52px;
  line-height: 62px;
  color: #0069ab;
  margin-bottom: 20px;
  font-weight: 100;
}
.business2 #pub_ban .txt .en {
  font-size: 22px;
  color: rgba(0, 0, 0, 0.6);
  font-family: "Rubik";
}
.business2 .ipg1 {
  width: 100%;
  height: 325px;
  padding-top: 60px;
}
.business2 .ipg1 h6 {
  font-size: 25px;
  color: #333;
  margin-bottom: 15px;
}
.business2 .ipg1 .since {
  font-size: 46px;
  color: rgba(202, 77, 77, 0.44);
}
.business2 .ipg1 .since span {
  display: block;
  font-size: 25px;
  margin-top: 15px;
  font-family: "Rubik";
  text-transform: uppercase;
}
.business2 .ipg1 .p_box {
  width: 635px;
  margin-top: 25px;
}
.business2 .ipg1 .w1200 {
  position: relative;
}
.business2 .ipg1_box {
  position: absolute;
  right: 0;
  top: -60px;
  height: 325px;
}
.business2 .ipg1_box .date {
  float: left;
  width: 145px;
  height: 120px;
  background: #0069ab;
  line-height: 120px;
  color: #fff;
  font-size: 26px;
  font-family: "Rubik";
  text-align: right;
}
.business2 .ipg1_box .font {
  float: left;
  width: 385px;
  height: 325px;
  background: #0069ab;
  padding: 47px 40px 0 40px;
}
.business2 .ipg1_box .font h5 {
  font-size: 22px;
  color: #fff;
}
.business2 .ipg1_box .font .h_box {
  margin-top: 15px;
}
.business2 .ipg1_box .font h6 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}
.business2 .ipg1_box .font p {
  color: #fff;
}
.business2 .ipg1_box .font .cam {
  width: 191px;
  height: 64px;
  background: #f2e9e0 url(../images/business/cam.png) no-repeat 35px center;
  border-radius: 30px;
  margin-top: 30px;
  padding-left: 80px;
  line-height: 64px;
  font-size: 16px;
  color: #987676;
  transition: all 0.5s;
}
.business2 .ipg1_box .font .cam:hover {
  background: #ff8a00 url(../images/business/camon.png) no-repeat 35px center;
  color: #fff;
}
.business2 .ipg2 {
  width: 100%;
  padding: 30px 0 60px;
  background: #f9f9f9;
}
.business2 .ipg2 h6 {
  font-size: 22px;
  color: #333;
  margin-bottom: 30px;
}
.business2 .ipg2 ul {
  width: 1221px;
  overflow: hidden;
}
.business2 .ipg2 li {
  float: left;
  width: 386px;
  height: 373px;
  overflow: hidden;
  margin-right: 21px;
  margin-bottom: 21px;
}
.business2 .ipg2 li .tr_img {
  width: 386px;
  height: 278px;
}
.business2 .ipg2 li .font {
  width: 386px;
  height: 95px;
  background: #fff;
  border-top: none;
  line-height: 95px;
  text-align: center;
  font-size: 16px;
  color: #666;
  transition: 0.5s all;
}
.business2 .ipg2 li:hover .font {
  color: #ff8a00;
}
.business2 .ipg2 .more {
  width: 100%;
  height: 63px;
  background: url(/images/business/more.jpg) no-repeat center;
  cursor: pointer;
}
.business3 .ipg1 {
  position: relative;
  width: 100%;
  height: 840px;
  background: url(/images/business/bus3_ban.jpg) no-repeat center;
}
.business3 .ipg1 .w1200 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
}
.business3 .ipg1 .show li {
  position: absolute;
  top: 285px;
  left: 0;
  width: 202px;
  height: 202px;
  opacity: 0;
}
.business3 .ipg1 .show li a{
  width: 100%;
  height: 100%;
  padding: 30px;
}
.business3 .ipg1 .show li h6 {
  font-size: 18px;
  color: #fff;
  margin-top: 35px;
}
.business3 .ipg1 .show li p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.23);
  font-family: "Rubik";
  letter-spacing: -1px;
}
.business3 .ipg1 .show li.li1 {
  background-color: #008c0a;
  z-index: 5;
}
.business3 .ipg1 .show li.li2 {
  background-color: #e53b00;
  z-index: 4;
}
.business3 .ipg1 .show li.li3 {
  background-color: #0054aa;
  z-index: 3;
}
.business3 .ipg1 .show li.li4 {
  background-color: #009cae;
  z-index: 2;
}
.business3 .ipg1 .show li.li5 {
  background-color: #4e4848;
  z-index: 1;
}
.business3 .ipg1 .font {
  position: absolute;
  top: 285px;
  right: 0;
}
.business3 .ipg1 .font .cn {
  font-size: 42px;
  line-height: 60px;
  color: #fff;
}
.business3 .ipg1 .font .en {
  position: relative;
  font-size: 32px;
  color: #fff;
  font-family: "Rubik";
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.business3 .ipg1 .font .en::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 78px;
  height: 3px;
  background: #fff;
}
.business3 .ipg1 .font .pdf {
  width: 164px;
  height: 70px;
  background: #0069ab url(../images/business/bus3_pdf.png) no-repeat 30px center;
  line-height: 70px;
  color: #fff;
  font-size: 14px;
  padding-left: 70px;
  border-radius: 40px;
  cursor: pointer;
  transition: all 0.5s;
}
.business3 .ipg1 .font .pdf:hover {
  background-color: #ff8a00;
}
.business3_1 #pub_ban {
  /* height: 400px; */
  position: relative;
}
.business3_1 #pub_ban .w1200 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
}
.business3_1 #pub_ban .font {
  position: absolute;
  top: 200px;
  left: 0;
  width: 615px;
}

.business3_1 #pub_ban .font .since {
  font-size: 58px;
  color: #88d9e2;
  font-family: "Rubik";
  text-transform: uppercase;
  margin-top: 20px;
}
.business3_1 #pub_ban .font .since span {
  display: block;
  font-size: 32px;
  margin-top: 15px;
}

.business3_1 .ipg1 {
  padding: 30px 0 60px;
}
.business3_1 .ipg1_top {
  width: 100%;
  height: 92px;
  background: #ecf2eb;
  margin-bottom: 20px;
}
.business3_1 .ipg1_top .all {
  float: left;
  width: 99px;
  height: 92px;
  background: #e4eae4;
  text-align: center;
  line-height: 92px;
  font-size: 14px;
  color: #697069;
}
.business3_1 .ipg1_top .info {
  float: left;
  margin-left: 25px;
}
.business3_1 .ipg1_top .info a {
  float: left;
  font-size: 14px;
  color: #999;
  line-height: 92px;
  margin-right: 10px;
}
.business3_1 .ipg1_top .info a.on {
  color: #0069ab;
}
.business3_1 .ipg1_top .serch {
  float: right;
  width: 446px;
  height: 66px;
  border-radius: 40px;
  background: #dce2db;
  padding-left: 30px;
  margin: 13px 10px 0 0;
}
.business3_1 .ipg1_top .serch input {
  float: left;
  width: 354px;
  height: 66px;
  font-size: 14px;
  color: #999;
}
.business3_1 .ipg1_top .serch_btn {
  float: left;
  width: 58px;
  height: 58px;
  background: url(/images/business/serch.png) no-repeat center;
  margin-top: 4px;
  cursor: pointer;
  transition: all 0.5s;
}
.business3_1 .ipg1_top .serch_btn:hover {
  background: url(/images/business/serchon.png) no-repeat center;
}
.business3_1 .serch input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
.business3_1 .serch input:-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px;
}
.business3_1 .serch input::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px;
}
.business3_1 .serch input:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}
.business3_1 .ipg1_box ul {
  width: 1221px;
  overflow: hidden;
}
.business3_1 .ipg1_box li {
  float: left;
  width: 386px;
  height: auto;
  overflow: hidden;
  margin-right: 21px;
  margin-bottom: 21px;
  cursor: pointer;
}
.business3_1 .ipg1_box li .tr_img {
  width: 386px;
  height: 278px;
}

.business3_1 .ipg1_box li .font {
  width: 386px;
  height: 115px;
  background: #f8f9fb;
  border-top: none;
  /* line-height: 95px; */
  padding: 35px 30px;
  transition: 0.5s all;
}
.business3_1 .ipg1_box li .font h1{
  text-align: left;
  font-size: 16px;
  color: #4c4c4c;
  font-weight: 600;
  margin-bottom: 3px;
}
.business3_1 .ipg1_box li .font p{
  color: #808080;
}
.business3_1 .ipg1_box li:hover .font {
  color: #ff8a00;
}
.business3_1 .ipg1_box .more,.business3_1 .ipg1_box #more {
  width: 100%;
  height: 63px;
  background: url(/images/business/more.jpg) no-repeat center;
  cursor: pointer;
  margin-top: 20px;
}
.pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.pop .bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}
.pop .popBody {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -600px;
  margin-top: -249px;
  width: 1200px;
  height: 460px;
  background: #fff;
}
.pop .popBody .close {
  position: absolute;
  top: 25px;
  right: 50px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 1;
  background: url(/images/newPageImg/close.png) no-repeat center;
}
.pop .popCon {
  padding: 65px 50px;
  overflow: hidden;
}
.pop .popCon .le {
  position: relative;
  float: right;
  width: 580px;
  height: 330px;
  overflow: hidden;
}
.pop .popCon .le .btn a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: no-repeat center;
  transition: all 0.5s;
}
.pop .popCon .le .btn a.le_btn {
  left: 40px;
  background-image: url(/images/index/btn1.png);
}
.pop .popCon .le .btn a.ri_btn {
  right: 40px;
  background-image: url(/images/index/btn2.png);
}
.pop .popCon .le .btn a.le_btn:hover {
  background-image: url(/images/index/btn1on.png);
}
.pop .popCon .le .btn a.ri_btn:hover {
  background-image: url(/images/index/btn2on.png);
}
.pop .popCon .le .bd li {
  width: 580px;
  height: 330px;
  overflow: hidden;
}
.pop .popCon .le .bd li img{
  width: 100%;
}
.pop .popCon .le .hd {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 113px;
  height: 48px;
  border-radius: 30px;
  background-color: rgba(0, 92, 231, 0.52);
  text-align: center;
  z-index: 3;
}
.pop .popCon .le .hd .d_i {
  display: inline-block;
  height: 48px;
}
.pop .popCon .le .hd .d_i * {
  float: left;
  font-size: 22px;
  color: #fff;
  line-height: 48px;
  font-family: "Rubik";
}
.pop .popCon .ri {
  float: left;
  width: 440px;
  height: 330px;
  position: relative;
  /* height: 478px; */
  /* padding: 0 40px; */
}
.pop .popCon .ri h5 {
  font-size: 30px;
  color: #333333;
  /* margin-top: 145px; */
}
.pop .popCon .ri h6 {
  font-size: 16px;
  color: #333333;
  margin-top: 15px;
  font-weight: 600;
}
.pop .popCon .ri p {
  /* margin-top: 30px; */
  color: #808080;
}
.pop .popCon .ri .p{
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  max-height: 112px;
  margin-top: 20px;
}
.pop .popCon .area{
  width: 100%;
  height: 110px;
  padding: 27px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  position: absolute;
  bottom: 0;
}
.pop .popCon .area h2{
  color: #0069ab;
  font-size: 28px;
  margin-bottom: 5px;
  font-family: "Rubik";
}
.pop .popCon .area p{
  color: #808080;
  margin-top: 0;
}
.pop.business_pop2 .popBody {
  width: 800px;
  margin-left: -400px;
}
.pop.business_pop2 .popBody .bd li .mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  line-height: 75px;
  font-size: 16px;
  color: #fff;
  padding-left: 40px;
}
.pop.business_pop2 .popCon .le .hd {
  right: 35px;
  bottom: 13px;
}
.pop.business_pop2 .popBody .close {
  top: 0;
  right: -20px;
}
.business3_5 .ipg1 {
  padding-bottom: 0;
}
.business3_5 .ipg1s {
  background: #fbfbfb;
  padding-bottom: 60px;
}
.business3_5 .ipg1_bom {
  height: 409px;
}
.business3_5 .ipg1_bom .tr_img {
  float: left;
  width: 711px;
  height: 409px;
}
.business3_5 .ipg1_bom .font {
  float: left;
  width: 489px;
  height: 409px;
  background: #e8efe9;
  padding: 0 40px;
}
.business3_5 .ipg1_bom .font h6 {
  font-size: 22px;
  color: #809581;
  margin: 120px 0 15px;
}
.business3_5 .ipg1s .serch {
  float: right;
  width: 446px;
  height: 66px;
  border-radius: 40px;
  background: #dce2db;
  padding-left: 30px;
  margin: 40px 0 0 0;
}
.business3_5 .ipg1s .serch input {
  float: left;
  width: 354px;
  height: 66px;
  font-size: 14px;
  color: #999;
}
.business3_5 .ipg1s .serch_btn {
  float: left;
  width: 58px;
  height: 58px;
  background: url(/images/business/serch.png) no-repeat center;
  margin-top: 4px;
  cursor: pointer;
  transition: all 0.5s;
}
.business3_5 .ipg1s .serch_btn:hover {
  background: url(/images/business/serchon.png) no-repeat center;
}
.business3_5 .ipg1s .ipg1_box ul {
  padding-top: 40px;
}
.business3_4 .ipg1 {
  padding-top: 40px;
}
.business3_3 .ipg1 {
  padding-top: 40px;
}
/* .business3_3 .ipg1_bom .font h6 {
  margin-top: 85px;
} */
.business3_3 .ipg1_bom .font p {
  margin-bottom: 15px;
}
.business3_3 .ipg1_bom .font .is {
  display: inline-block;
  margin-top: 30px;
  font-size: 14px;
  color: #666;
  margin-right: 25px;
}
.business3_3 .ipg1_bom .font .is em {
  font-size: 32px;
  color: #00a246;
  font-family: "Rubik";
  margin: 0 5px;
}
.business3_3 .ipg1_box ul {
  width: 1215px;
}
.business3_3 .ipg1_box li {
  width: 230px;
  height: 230px;
  margin-right: 12px;
}
.business3_3 .ipg1_box li .tr_img {
  width: 230px;
  height: 166px;
}
.business3_3 .ipg1_box li .font {
  width: 230px;
  height: 64px;
  line-height: 64px;
}
.business3_3ins .ipg1 {
  width: 100%;
  background: url(/images/business/bus3_3ban.jpg) no-repeat center;
  padding-top: 105px;
}
.business3_3ins .ipg1 .w1200 {
  position: relative;
}
.business3_3ins .back {
  position: absolute;
  top: -80px;
  right: 0;
}
.business3_3ins .back .icon {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff url(../images/business/back.png) no-repeat center;
  transition: all 0.5s;
}
.business3_3ins .back .icon:hover {
  background: #ff8a00 url(../images/business/backon.png) no-repeat center;
}
.business3_3ins .back .btn {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  color: #0069ab;
  display: none;
}
.business3_3ins .ipg1 .pic {
  position: relative;
  float: left;
  width: 830px;
  height: 522px;
}
.business3_3ins .ipg1 .pic .btn a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: no-repeat center;
  transition: all 0.5s;
}
.business3_3ins .ipg1 .pic .btn a.le_btn {
  left: 40px;
  background-image: url(/images/business/h_btn1.png);
}
.business3_3ins .pic .btn a.ri_btn {
  right: 40px;
  background-image: url(/images/business/h_btn2.png);
}
.business3_3ins .pic .btn a.le_btn:hover {
  background-image: url(/images/business/h_btn1on.png);
}
.business3_3ins .pic .btn a.ri_btn:hover {
  background-image: url(/images/business/h_btn2on.png);
}
.business3_3ins .ipg1 .font {
  position: relative;
  float: left;
  width: 370px;
  height: 522px;
  padding-left: 40px;
  background: #efeff3;
}
.business3_3ins .ipg1 .font h6 {
  font-size: 32px;
  color: #0069ab;
  margin: 150px 0 40px;
}
.business3_3ins .ipg1 .font h5{
  font-size: 14px;
  color: #666;
  margin-bottom: 30px;
}
.business3_3ins .ipg1 .font h4 .phone {
  font-size: 28px;
  color: #ff8400;
  font-family: "Rubik";
  margin-top: 5px;
}
.business3_3ins .ipg1 .font p {
  color: #666;
  margin: 8px 0 0;
}
.business3_3ins .ipg1 .font .dys{
  display: none;
}
.business3_3ins .ipg1 .font .dys .date {
  float: left;
  width: 130px;
  height: 80px;
  background: #ff9523 url(../images/business/opt.png) no-repeat center;
}
.business3_3ins .ipg1 .font .dys .house {
  float: left;
  width: 200px;
  height: 80px;
  background: #ff8400;
  line-height: 80px;
  font-size: 22px;
  color: #fff;
  padding-left: 30px;
  cursor: pointer;
}
.business3_3ins .ipg2 {
  margin-bottom: 40px;
}
.business3_3ins .ipg2_box {
  padding: 40px 40px 50px 40px;
  background: #fafafe;
}
.business3_3ins .ipg2_box table th {
  border-width: 2px;
  width: 187px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #0069ab;
  border-style: solid;
  border-color: #a7cab1;
  background-color: transparent;
  font-weight: bold;
}
.business3_3ins .ipg2_box table td {
  border-width: 2px;
  width: 187px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #333;
  border-style: solid;
  border-color: #a7cab1;
  background-color: transparent;
}

/*main*/
.contact #pub_menu ul {
  background: none;
}
.main {
  width: 100%;
  height: 593px;
  padding-top: 123px;
  background: url(/images/contact/mian_bg.jpg) no-repeat center;
}

.main .main_lf {
  float: left;
  width: 747px;
  height: 368px;
  padding-top: 53px;
}

.main .main_lf h2 {
  font-size: 22px;
  color: #666666;
  font-weight: bold;
  margin-bottom: 35px;
}
.main .main_lf li {
  float: left;
  width: 28%;
  padding-left: 27px;
  margin-right: 30px;
  margin-bottom: 30px;
  background: no-repeat top left;
}

.main .main_lf li.li1 {
  background-image: url(/images/contact/location.png);
}

.main .main_lf li.li2 {
  background-image: url(/images/contact/phone_blue.png);
}

.main .main_lf li.li3 {
  background-image: url(/images/contact/fax.png);
}

.main .main_lf li.li4 {
  background-image: url(/images/contact/internet.png);
  display: block;
  width: 100%;
}
.main .main_lf li.li6 {
  background-image: url(/images/contact/email.png);
}
.main .main_lf li h5 {
  font-size: 14px;
  font-weight: bold;
}

.main .main_lf .code {
  width: 249px;
  height: 112px;
  font-size: 16px;
  color: #666;
  padding-left: 110px;
  background: no-repeat center left;
  background-size: 100px;
  float: left;
}
.main .main_lf .code p {
  font-size: 13px;
}

.main .main_rt {
  float: left;
}

.main .main_rt .main_box .list {
  height: 76px;
  width: 451px;
  border-bottom: 1px solid #0069ab;
}

.main .main_rt .main_box {
  width: 451px;
  height: 367px;
}

.main .main_rt .main_box .list li {
  position: relative;
  float: left;
  height: 76px;
  line-height: 76px;
  margin-right: 15px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
}

.main .main_rt .main_con {
  margin-top: 20px;
  display: none;
}

.main .main_rt .main_con ul li {
  font-size: 15px;
  color: #666666;
  line-height: 26px;
}

.main .main_rt .main_box .list li.on {
  color: #00a246;
}

.main .main_rt .main_box .list li.on::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #0069ab;
}

.main .main_rt .complaint {
  background: url(/images/contact/phone.png) no-repeat center left;
  padding-left: 58px;
  margin-left: 40px;
  margin-top: 33px;
}

.main .main_rt .complaint h5 {
  font-family: "Rubik";
  font-size: 26px;
  color: #ffa800;
}

.main .main_rt .complaint h6 {
  font-size: 14px;
  color: #bad4ff;
  font-weight: bold;
}
/* business4 */
.business4 #pub_ban {
  height: 622px;
}
.business4 #pub_ban .w1200 {
  position: relative;
}
.business4 #pub_ban .c_img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.business4 #pub_ban .txt {
    margin-left: -150px;
}
.bn_main {
  height: 524px;
  padding-top: 58px;
}

.bn_main .bn_main_lf {
  float: left;
  padding-right: 80px;
  width: 823px;
  height: 461px;
}

.bn_main .bn_main_lf h4 {
  font-size: 26px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
}

.bn_main .bn_main_lf h5 {
  font-size: 24px;
  color: #999;
  font-family: "Rubik";
  margin-bottom: 20px;
}

.bn_main .bn_main_lf img {
  margin-bottom: 3px;
}

.bn_main .bn_main_lf em {
  font-size: 32px;
  color: #00b27e;
  font-family: "Rubik";
}

.bn_main .bn_main_lf p {
  margin-top: 15px;
  font-size: 14px;
  color: #666;
}

.bn_main .bn_main_rt {
  float: left;
  height: 461px;
  width: 377px;
}

.bn_main .bn_main_rt ul li {
  margin-bottom: 29px;
}

.bn_main .bn_main_rt ul li h4 {
  color: #00b27e;
  font-size: 14px;
  font-weight: bold;
}

.bn_main .bn_main_rt ul li h4 em {
  font-family: "Rubik";
  font-size: 52px;
  margin-right: 12px;
}

.bn_main .bn_main_rt .honor {
  margin-right: 10px;
}

.bn_main .bn_main_rt .honor,
.bn_main .bn_main_rt .property {
  float: left;
  background: no-repeat left;
  background-position: 21px;
  background-color: #0069ab;
  padding: 24px 20px 24px 67px;
  border-radius: 50px;
  margin-top: 49px;
  transition: all 0.5s;
}
.bn_main .bn_main_rt .honor:hover {
  background-color: #ff8a00;
}
.bn_main .bn_main_rt .property:hover {
  background-color: #ff8a00;
}
.bn_main .bn_main_rt .honor p,
.bn_main .bn_main_rt .property p {
  font-size: 16px;
  color: #f8f6f2;
}

.bn_nav {
  background: no-repeat center;
  height: 566px;
  width: 100%;
  padding-top: 190px;
}

.bn_nav ul li {
  text-align: center;
  float: left;
  padding-top: 81px;
  margin-right: 127px;
}

.bn_nav ul li h4 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}

.bn_nav ul {
  height: 160px;
}

.bn_nav ul li h5 {
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
}

.bn_nav ul .li1 {
  background: url(/images/business2/li1.png) no-repeat top center;
  padding-right: 15px;
}

.bn_nav ul .li2 {
  background: url(/images/business2/li2.png) no-repeat top center;
}

.bn_nav ul .li3 {
  background: url(/images/business2/li3.png) no-repeat top center;
}

.bn_nav ul .li4 {
  background: url(/images/business2/li4.png) no-repeat top center;
}

.nav_jt {
  height: 72px;
  width: 161px;
  background-color: #ff8a00;
  transition: all 0.5s;
}
.nav_jt:hover {
  background-color: rgba(255, 138, 0, 0.8);
}
.nav_jt a {
  height: 72px;
  width: 161px;
  background: url(/images/business2/jt.png) no-repeat center center;
  transition: all 0.5s;
  z-index: 10;
  animation-fill-mode: both;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: h_fadeInRight;
  animation-direction: alternate;
}
@-webkit-keyframes h_fadeInRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes h_fadeInRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.h_fadeInRight {
  -webkit-animation-name: h_fadeInRight;
  animation-name: h_fadeInRight;
}
.bn_news {
  position: relative;
  height: 453px;
  width: 100%;
  padding-top: 40px;
}

.bn_news h4 {
  font-size: 22px;
  color: #0069ab;
  font-weight: bold;
  margin-bottom: 40px;
}
.bn_news ul li {
  float: left;
  width: 310px;
  margin-right: 135px;
}
.bn_news ul li:last-child {
  margin-right: 0;
}
.bn_news ul li:hover em {
  font-size: 18px;
  color: #ff8a00;
  font-weight: bold;
}

.bn_news ul li:hover h3 {
  font-size: 22px;
  color: #ff8a00;
}

.bn_news ul li em {
  font-size: 18px;
  color: #666;
  font-weight: bold;
  transition: all 0.5s;
}

.bn_news ul li h3 {
  font-size: 22px;
  color: #666;
  margin-bottom: 10px;
  transition: all 0.5s;
}

.bn_news_jt a {
  margin: 0 auto;
  margin-top: 45px;
  height: 72px;
  width: 161px;
  background: url(/images/business2/jt.png) no-repeat center center;
  background-color: #0069ab;
}
.bn_news_jt a:hover {
  background-color: #ff8a00;
}
/*deta*/
.content .introduce .w1200 {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
}
.content .id1 {
  position: relative;
  background: url(/images/business2_deta/id1.jpg) no-repeat top center;
  height: 820px;
}

.content .id2 {
  position: relative;
  background: url(/images/business2_deta/id2.jpg) no-repeat top center;
  height: 820px;
}

.content .id3 {
  position: relative;
  background: url(/images/business2_deta/id3.jpg) no-repeat top center;
  height: 820px;
}

.content .id4 {
  position: relative;
  background: url(/images/business2_deta/id4.jpg) no-repeat top center;
  height: 820px;
}

.fixed-tool {
  position: fixed;
  top: 346px;
  right: 0;
  width: 131px;
  height: 265px;
  background: #dce4e1;
  padding: 50px 0 0 22px;
}

.fixed-tool li {
  font-size: 16px;
  color: #8c9b95;
  line-height: 26px;
  margin-bottom: 16px;
  position: relative;
  cursor: pointer;
}

li.active {
  color: #00a650;
}

.fixed-tool li.active:before {
  content: "";
  width: 47px;
  height: 3px;
  background-color: #00a650;
  position: absolute;
  left: -56px;
  top: 12px;
}

.content .id1 .txt1 {
  position: absolute;
  top: 47%;
  margin-top: -40px;
}

.content .id2 .txt2 {
  position: absolute;
  top: 57%;
  right: 0;
  margin-top: -117px;
}

.content .id3 .txt3 {
  position: absolute;
  top: 45%;
  margin-top: -176px;
  right: 0;
}

.content .id4 .txt4 {
  position: absolute;
  top: 32%;
}

.content .id1 .txt1 h4 {
  font-size: 46px;
  color: #fff;
  margin-bottom: 28px;
  font-weight: 100;
}

.content .id1 .txt1 em {
  font-family: "Rubik";
  color: #fff;
  font-size: 26px;
}

.content .id2 .txt2 h4 {
  font-size: 46px;
  line-height: 54px;
  color: #fff;
  background: url(/images/business2_deta/house.png) no-repeat left center;
  padding-left: 125px;
  margin-bottom: 12px;
  font-weight: 100;
}

.content .id2 .txt2 em {
  white-space: nowrap;
  font-size: 26px;
  color: rgba(255, 255, 255, 0.7);
  padding-left: 125px;
}

.content .id2 .txt2 p {
  white-space: nowrap;
  font-size: 22px;
  line-height: 33px;
  color: rgba(0, 0, 0, 0.49);
  padding-left: 125px;
  margin-top: 5px;
}

.content .id3 .txt3 h4 {
  font-size: 46px;
  line-height: 46px;
  color: #fff;
  margin-bottom: 12px;
}

.content .id3 .txt3 em {
  white-space: nowrap;
  font-size: 22px;
  color: #a0c6e0;
  line-height: 30px;
}

.content .id3 .txt3 p {
  white-space: nowrap;
  font-size: 46px;
  line-height: 54px;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 100;
  background: url(/images/business2_deta/7_24.png) no-repeat left center;
  padding-top: 176px;
  margin-bottom: 20px;
}

.content .id4 .txt4 h4 {
  font-size: 46px;
  color: #0069ab;
  padding-bottom: 40px;
  font-weight: 100;
}

.content .id4 .txt4 em {
  white-space: nowrap;
  font-size: 46px;
  color: #666;
  font-weight: 100;
}

.content .id4 .txt4 p {
  white-space: nowrap;
  font-size: 26px;
  color: rgba(102, 102, 102, 0.28);
  margin-top: 15px;
  font-family: "Rubik";
  line-height: 32px;
  letter-spacing: -1px;
}

/*wang*/
.investor .ipg1 {
  padding-top: 80px;
  padding-bottom: 70px;
  overflow: hidden;
}
.investor #stock {
  float: left;
  padding: 80px 0 0 80px;
  height: 538px;
  background: url("/images/investor/stock_bg.jpg");
}
.investor .right {
  float: left;
  width: 575px;
  padding-left: 35px;
}
.w1200:after {
  display: block;
  height: 0;
  clear: both;
  content: "\200B";
}
.investor .advisory {
  margin-left: -43px;
  padding: 0 0 0 43px;
  background: url("/images/investor/investor_icon.png") no-repeat left top;
}
.investor .advisory .h4 {
  font-size: 22px;
  color: #666;
  line-height: 30px;
  margin-bottom: 7px;
}
.investor .advisory p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.investor .right .top_box {
  padding-bottom: 56px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 15px;
}
.investor .right .h1 {
  font-size: 70px;
  line-height: 60px;
  color: #e0f0e8;
  font-family: "Rubik";
  text-transform: uppercase;
}
.investor .right .h2_en {
  font-size: 32px;
  line-height: 32px;
  color: #0069ab;
  font-family: "Rubik";
  text-transform: uppercase;
}
.investor .right .h2_cn {
  font-size: 32px;
  line-height: 36px;
  color: #d2d2d2;
  margin-bottom: 34px;
}
.investor .right p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.investor .chart_wr .box1 {
  font-size: 0;
}
.investor .chart_wr .box1 .p1 {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #666;
  line-height: 24px;
  margin-right: 15px;
}

.investor .chart_wr .box1 .p1 em {
  font-size: 30px;
  color: #f3494a;
}
.investor .chart_wr .box1 .p2 {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  color: #f3494a;
  line-height: 24px;
  padding-left: 25px;
  background: url("/images/investor/icon_up.png") no-repeat left center;
}
.investor .chart_wr .box1.green .p1 em {
  color: #009641;
}
.investor .chart_wr .box1.green .p2 {
  color: #009641;
  background: url("/images/investor/icon_down.png") no-repeat left center;
}
.investor .chart_wr .box2 {
  padding-bottom: 5px;
}
.investor .chart_wr .box2 p {
  font-size: 12px;
  color: #666;
  line-height: 24px;
}
.investor .chart_wr .le {
  float: left;
  width: 390px;
}
.investor .tab .hd {
  overflow: hidden;
  margin-top: 10px;
}
.investor .tab .hd li {
  float: left;
  width: 25%;
  height: 26px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  color: #666;
  border: 1px solid #fafafa;
  border-left-color: #f0eff0;
  background: #fafafa;
  cursor: pointer;
}
.investor .tab .hd li:first-child {
  border-left-color: #fafafa;
}
.investor .tab .hd li.on {
  background: #fff;
  border-color: #d8d8d8;
  color: #333;
}
.investor .chart_wr .ri {
  float: right;
  width: 130px;
  padding-top: 10px;
  margin-right: -10px;
  padding-right: 10px;
}
.investor .chart_wr .ri p {
  white-space: nowrap;
  font-size: 12px;
  color: #666;
  line-height: 22px;
}
.investor .chart_wr .ri p:after {
  display: block;
  height: 0;
  clear: both;
  content: "\200B";
}
.investor .chart_wr .ri .l {
  float: left;
  font-size: 12px;
  color: #666;
  line-height: 22px;
}
.investor .chart_wr .ri .r {
  float: right;
  font-size: 12px;
  color: #666;
  line-height: 22px;
}
.investor .chart_wr .ri .t {
  color: #f3494a;
}
.investor .chart_wr .ri .d {
  color: #1d972b;
}

.investor2_list .ul .time,
.investor2_list .ul p,
.investor2_list .ul .icon {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.investor2 .right {
  width: 794px;
  margin-top: -60px;
}
.investor2 .right .hd {
  height: 40px;
  border-bottom: 4px solid #efefef;
  margin-bottom: 20px;
}
.investor2 .right .hd li {
  float: left;
  margin-right: 14px;
  height: 40px;
  line-height: 26px;
  font-size: 16px;
  color: #666;
  border-bottom: 4px solid #efefef;
  cursor: pointer;
}
.investor2 .right .hd li.on {
  color: #0069ab;
  border-color: #0069ab;
}
.investor2_list .ul a {
  margin-bottom: 5px;
  overflow: hidden;
}
.investor2_list .ul .txt {
  float: left;
  width: 605px;
  height: 80px;
  padding: 17px 40px 0;
  background: #efefef;
}
.investor2_list .ul .icon {
  float: right;
  width: 154px;
  height: 80px;
  background: #efefef url("../images/investor/inv_btn.png") no-repeat 110px
    center;
}
.investor2 .investor2_list .ul .txt {
  height: 80px;
  padding: 17px 40px 0;
}
.investor2 .investor2_list .ul .icon {
  height: 80px;
}
.investor2 .investor2_list .ul a {
  margin-bottom: 5px;
}
.investor2_list .ul .time {
  font-size: 26px;
  color: #b0b0b0;
  font-family: "Rubik";
  line-height: 26px;
  letter-spacing: -2px;
}
.investor2_list .ul p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.investor2_list .ul a:hover .time,
.investor2_list .ul a:hover p {
  color: #ff8a00;
}
.investor2_list .ul a:hover .icon {
  background-image: url("/images/investor/inv_btnon.png");
}
.investor2_list .more {
  width: 759px;
  height: 72px;
  background: url(/images/business/more.jpg) no-repeat center;
}
.investor3 .right,
.investor4 .right,
.investor5 .right {
  width: 794px;
}
.order {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.order .bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}
.order .orBody {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -270px;
  margin-top: -225px;
  width: 541px;
  height: 449px;
  background: #fff;
  padding: 30px 55px;
}
.order .orBody .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 14px;
  height: 12px;
  cursor: pointer;
  z-index: 1;
  background: url(/images/business/close.png) no-repeat center;
}
.order .orCon h6 {
  font-size: 22px;
  color: #ff9c3b;
  margin-bottom: 35px;
  text-align: center;
}
.order .orCon p {
  font-size: 16px;
}
.order .orCon .ipt {
  margin-top: 20px;
}
.order .orCon input {
  display: block;
  width: 100%;
  height: 60px;
  border: 2px solid #edeef3;
  margin-bottom: 10px;
  padding-left: 20px;
  color: #666;
  font-size: 14px;
}
.order .orCon .btn {
  width: 100%;
  height: 60px;
  background: #ff9c3b;
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  color: #fff;
  margin-top: 30px;
}
.main_join .nav1 {
  background: no-repeat center;
  width: 100%;
  height: 514px;
  z-index: 100;
  position: relative;
  background-size: cover;
}

.main_join .nav2 {
  background: no-repeat center;
  width: 100%;
  height: 514px;
  z-index: 99;
  margin-top: -54px;
  position: relative;
}

.main_join .nav3 {
  background: no-repeat center;
  width: 100%;
  height: 514px;
  z-index: 98;
  margin-top: -54px;
  position: relative;
}

.main_join .nav4 {
  background: no-repeat center;
  width: 100%;
  height: 514px;
  z-index: 97;
  margin-top: -53px;
  position: relative;
}

.main_join .nav5 {
  background: no-repeat center;
  width: 100%;
  height: 461px;
  margin-top: -53px;
  overflow: hidden;
}

.main_join .nav_bx {
  height: 514px;
  position: relative;
}
.main_join .nav1 .nav1_box {
  position: absolute;
  top: 50%;
  right: 0;
  padding-top: 35px;
  padding-left: 40px;
  margin-top: -110px;
  height: 221px;
  width: 467px;
  border-radius: 15px;
  background: url(/images/join/nav1_box.png) no-repeat center;
  opacity: 0.8;
}

.main_join .nav1 .nav1_box img {
  float: left;
  margin-right: -7px;
  position: absolute;
  left: 26px;
}

.main_join .nav1 .nav1_box h3 {
  font-size: 42px;
  color: rgba(255, 255, 255, 0.1);
  font-family: "Rubik";
  margin-bottom: 10px;
  padding-left: 30px;
}

.main_join .nav1 .nav1_box h4 {
  font-size: 18px;
  color: #f6fbfe;
  margin-bottom: 15px;
  font-weight: bold;
  padding-left: 37px;
}

.main_join .nav1 .nav1_box p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 35px;
  padding-right: 25px;
}

.main_join .nav1 .nav1_jt {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 72px;
  margin-bottom: 10px;
  width: 58px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  border-radius: 50px;
  background: #0069ab url(../images/join/jt.png) no-repeat center center;
}

.main_join .nav2 .nav2_box {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -68px;
  height: 136px;
  width: 435px;
}

.main_join .nav2 .nav2_box img {
  float: left;
  margin-right: 20px;
}

.main_join .nav2 .nav2_box h3 {
  font-size: 42px;
  color: #bbbec3;
  font-family: "Rubik";
  margin-bottom: 10px;
}

.main_join .nav2 .nav2_box h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
  font-weight: bold;
}

.main_join .nav2 .nav2_box p {
  font-size: 14px;
  color: #666;
  margin-left: 65px;
}

.main_join .nav2 .nav2_jt {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 72px;
  margin-bottom: 10px;
  width: 58px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  border-radius: 50px;
  background: #00a246 url(../images/join/jt.png) no-repeat center center;
}

.main_join .nav3 .nav3_box {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -70px;
  height: 140px;
}

.main_join .nav3 .nav3_box .nav3_box_lf {
  width: 326px;
}

.main_join .nav3 .nav3_box .nav3_box_rt {
  width: 240px;
  margin-left: 60px;
  margin-top: -12px;
}

.main_join .nav3 .nav3_box .nav3_box_lf img {
  float: left;
  margin-right: 6px;
}

.main_join .nav3 .nav3_box .nav3_box_lf h3 {
  font-size: 42px;
  color: #bbbec3;
  font-family: "Rubik";
  margin-bottom: 10px;
}

.main_join .nav3 .nav3_box .nav3_box_lf h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 12px;
  margin-left: 63px;
  font-weight: bold;
}

.main_join .nav3 .nav3_box .nav3_box_lf h5 {
  font-size: 32px;
  color: #333;
  margin-bottom: 12px;
  margin-left: 60px;
}

.main_join .nav3 .nav3_box .nav3_box_rt h3 {
  font-size: 14px;
  color: #666;
  font-weight: bold;
}

.main_join .nav3 .nav3_box .nav3_box_rt p {
  font-size: 14px;
  color: #666;
}

.main_join .nav3 .nav3_jt {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 72px;
  margin-bottom: 10px;
  width: 58px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  border-radius: 50px;
  background: #0069ab url(../images/join/jt.png) no-repeat center center;
}
.main_join .nav4 .nav4_jt {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 72px;
  margin-bottom: 10px;
  width: 58px;
  text-align: center;
  height: 58px;
  line-height: 58px;
  border-radius: 50px;
  background: #00a246 url(../images/join/jt.png) no-repeat center center;
}
.main_join .nav4 .nav_tp {
  position: absolute;
  top: 27%;
  left: 0;
  background: no-repeat left;
  padding-top: 8px;
  height: 58px;
  padding-left: 73px;
}
.main_join .nav4 .nav_tp h3 {
  font-size: 42px;
  color: #c8c6c7;
  font-family: "Rubik";
  margin-bottom: 9px;
}
.main_join .nav4 .nav_tp em {
  font-size: 18px;
  color: #333;
  font-family: "Rubik";
  font-weight: bold;
}
.main_join .nav4 .nav4_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 711px;
  height: 221px;
  background-color: #005d9e;
  margin-bottom: 53px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.main_join .nav4 .nav4_box ul {
  float: left;
  padding-top: 39px;
  padding-left: 37px;
  padding-right: 61px;
}

.main_join .nav4 .nav4_box ul li {
  float: left;
  width: 122px;
  text-align: center;
  background: no-repeat top;
  padding-top: 44px;
}

.main_join .nav4 .nav4_box ul li h3 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 7px;
  font-weight: bold;
}

.main_join .nav4 .nav4_box ul li h4 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.58);
}

.main_join .nav5 .nav5_lf {
  position: absolute;
  top: 25%;
  background: no-repeat left;
  padding-left: 59px;
}

.main_join .nav5 .nav5_lf h3 {
  font-size: 42px;
  color: #c8c6c7;
  font-family: "Rubik";
  margin-bottom: 9px;
}

.main_join .nav5 .nav5_lf h4 {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

.main_join .nav5 .nav5_rt {
  float: right;
}

.main_join .nav5 .nav5_rt ul li {
  text-align: center;
  width: 168px;
  height: 168px;
  background: url(/images/join/nav5_bx.png) no-repeat center;
  padding: 43px 26px 0 0;
}

.main_join .nav5 .nav5_rt ul li.li1 {
  position: absolute;
  left: 440px;
  top: 102px;
}

.main_join .nav5 .nav5_rt ul li.li2 {
  position: absolute;
  left: 593px;
  top: 102px;
}

.main_join .nav5 .nav5_rt ul li.li3 {
  position: absolute;
  left: 749px;
  top: 102px;
}

.main_join .nav5 .nav5_rt ul li.li4 {
  position: absolute;
  left: 901px;
  top: 102px;
}

.main_join .nav5 .nav5_rt ul li.li5 {
  position: absolute;
  left: 1057px;
  top: 102px;
}

.main_join .nav5 .nav5_rt ul li.li6 {
  position: absolute;
  left: 509px;
  top: 245px;
}

.main_join .nav5 .nav5_rt ul li.li7 {
  position: absolute;
  left: 661px;
  top: 245px;
}

.main_join .nav5 .nav5_rt ul li.li8 {
  position: absolute;
  left: 815px;
  top: 245px;
  padding-left: 0;
}

.main_join .nav5 .nav5_rt ul li.li9 {
  position: absolute;
  left: 967px;
  top: 245px;
}

.main_join .nav5 .nav5_rt ul li h3 {
  font-size: 26px;
  color: rgba(14, 42, 101, 0.4);
  font-family: "Rubik";
  margin-bottom: 15px;
  line-height: 20px;
}

.main_join .nav5 .nav5_rt ul li h4 {
  font-size: 16px;
  color: #f4f8f9;
  line-height: 16px;
  margin-bottom: 5px;
}
.main_join .nav5 .nav5_rt ul li h5 {
  font-size: 17px;
  color: #528eb1;
  font-family: "Rubik";
  line-height: 16px;
  font-weight: bold;
}
.join2 .ipg1 {
  width: 100%;
  height: 460px;
  background: #0074be;
}
.join2 .pub_font .en {
  color: #005a93;
  /* letter-spacing: -4px; */
}
.join2 .pub_font .fot {
  font-size: 22px;
  color: #9ac2ff;
  margin-top: 25px;
}
.join2 .ipg2 {
  width: 100%;
  height: 460px;
  background: #009641;
}
.join2 .ipg2 .pub_font .en {
  color: #00883b;
}
.join2 .ipg2 .pub_font .fot {
  color: #95d8b2;
}
.join2 .ipg3 {
  width: 100%;
  height: 460px;
  background: #0074be;
}
.join3 .ipg1 {
  position: relative;
  width: 100%;
  height: 815px;
  background: url(/images/join/join3_bg.jpg) no-repeat center;
  background-size: cover;
}
.join3 .ipg1 .ipg1_box {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -105px;
  width: 100%;
  height: 210px;
  background: rgba(0, 0, 0, 0.33);
}
.join3 .ipg1 .list {
  text-align: center;
}
.join3 .ipg1 .list li {
  display: inline-block;
  height: 123px;
  margin: 43px 40px 0 40px;
}
.join3 .ipg1 .list li .icon {
  float: left;
  margin-right: 15px;
}
.join3 .ipg1 .list li .font {
  float: left;
  height: 123px;
  line-height: 123px;
}
.join3 .ipg1 .list li .font .txt {
  display: inline-block;
  vertical-align: middle;
}
.join3 .ipg1 .list li .font h6 {
  font-size: 22px;
  color: #fff;
  line-height: 22px;
  margin-bottom: 10px;
  transition: all 0.5s;
}
.join3 .ipg1 .list li .font p {
  font-size: 26px;
  color: rgba(255, 255, 255, 0.28);
  font-family: "Rubik";
  line-height: 26px;
  transition: all 0.5s;
}
.join3 .ipg1 .list li .font:hover h6 {
  color: #ff8a00;
}
.join3 .ipg1 .list li .font:hover p {
  color: rgba(255, 138, 0, 0.28);
}
.join3_1 .ipg1 {
  padding: 60px 0 80px;
}
.join3_1 .ipg1 .all {
  position: relative;
  float: left;
  width: 135px;
  height: 66px;
  border-radius: 40px;
  background: #dee2f3 url(../images/business/all.png) no-repeat 80px center;
  margin-right: 10px;
  cursor: pointer;
}
.join3_1 .ipg1 .all .iptm {
  font-size: 14px;
  color: #333;
  line-height: 66px;
  padding-left: 40px;
}
.join3_1 .ipg1 .all .drapList {
  display: none;
  position: absolute;
  z-index: 999;
  top: 40px;
  width: 135px;
  background: #dee2f3;
  border-radius: 0 0 40px 40px;
  padding: 18px 18px 25px 18px;
  overflow: hidden;
}
.join3_1 .ipg1 .all ul::-webkit-scrollbar {
  background: transparent;
}
.join3_1 .ipg1 .all ul {
  max-height: 120px;
  overflow: hidden;
  overflow-y: auto;
}
.join3_1 .ipg1 .all li {
  font-size: 14px;
  color: #666;
  padding: 0 22px;
  height: 30px;
  line-height: 30px;
  background: #dee2f3;
}
.join3_1 .ipg1 .serch {
  float: right;
  width: 446px;
  height: 66px;
  border-radius: 40px;
  background: #dee2f3;
  padding-left: 30px;
}
.join3_1 .ipg1 .serch input {
  float: left;
  width: 354px;
  height: 66px;
  font-size: 14px;
  color: #999;
}
.join3_1 .ipg1 .serch_btn {
  float: left;
  width: 58px;
  height: 58px;
  background: url(/images/business/serch.png) no-repeat center;
  margin-top: 4px;
  cursor: pointer;
  transition: all 0.5s;
}
.join3_1 .ipg1 .serch_btn:hover {
  background: url(/images/business/serchon.png) no-repeat center;
}
.join3_1 .ipg1 .serch input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}
/* Mozilla Firefox 4 to 18 */
.join3_1 .ipg1 .serch input:-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px;
}
/* Mozilla Firefox 19+ */
.join3_1 .ipg1 .serch input::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px;
}
/* Internet Explorer 10+ */
.join3_1 .ipg1 .serch input:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
}
.join3_1 .ipg1 .join_con {
  padding-top: 50px;
}
.join3_1 .ipg1 .join_con ul {
  overflow: hidden;
}
.join3_1 .ipg1 .join_con li {
  position: relative;
  width: 100%;
  background: #f8f9fb;
  padding: 30px 30px 40px 30px;
  margin-bottom: 10px;
  transition: all 0.5s;
}
.join3_1 .join_con li .date {
  display: inline-block;
  font-size: 24px;
  color: #00a246;
  font-family: "Rubik";
  vertical-align: top;
  margin-right: 40px;
}
.join3_1 .join_con li .font_box{
  min-height: 122px;
  overflow: hidden;
}
.join3_1 .join_con li .font {
  display: inline-block;
  vertical-align: top;
  width: 820px;
}
.join3_1 .join_con li .font h6 {
  font-size: 16px;
  color: #58585e;
  font-weight: bold;
  margin-bottom: 20px;
}
.join3_1 .join_con li .font h6 em {
  color: #999;
  margin-left: 25px;
  font-weight: bold;
}
.join3_1 .join_con li .font h5 {
  font-size: 14px;
  color: #58585e;
  margin-bottom: 10px;
  font-weight: bold;
}
.join3_1 .join_con li .font p {
  color: rgba(83, 83, 83, 0.74);
}
.join3_1 .join_con li .work {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -32px;
  width: 151px;
  height: 64px;
  line-height: 64px;
  background: #0069ab url(../images/join/work.png) no-repeat 20px center;
  padding-left: 65px;
  font-size: 16px;
  color: #fff;
  border-radius: 40px;
  cursor: pointer;
  display: none;
}
.join3_1 .join_con li .btn_up {
  position: absolute;
  top: 50%;
  right: 60px;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: url(/images/join/work_down.png) no-repeat center;
  cursor: pointer;
  transition: all 0.3s;
}
.join3_1 .join_con li .btn_up:hover {
  background: url(/images/join/work_down2.png) no-repeat center;
}
.join3_1 .join_con li .btn_up.on {
  background: url(/images/join/work_up.png) no-repeat center;
  transition: all 0.3s;
}
.join3_1 .join_con li .btn_up.on:hover {
  background: url(/images/join/work_up2.png) no-repeat center;
}
.join3_1 .join_con li:hover {
  background-color: #c9d6e6;
}
.join3_1 .join_con li:hover h6 {
  color: #0069ab;
}
.join3_1 .join_con .more {
  width: 100%;
  height: 63px;
  background: url(/images/business/more.jpg) no-repeat center;
  cursor: pointer;
}
.join3_2 .ipg1 {
  position: relative;
  width: 100%;
  height: 650px;
}
.join3_2 .ipg1 .bd li {
  position: relative;
  width: 100%;
  height: 650px;
  background: no-repeat center;
  background-size: cover;
  cursor: pointer;
}
.join3_2 .ipg1 .btn a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  transition: all 0.4s;
  display: none;
}
.join3_2 .ipg1 .btn .prev {
  left: 20px;
  background: url(/images/index/btn1.png) no-repeat;
}
.join3_2 .ipg1 .btn .next {
  right: 20px;
  background: url(/images/index/btn2.png) no-repeat;
}
.join3_2 .ipg1 .btn .prev:hover {
  background: url(/images/index/btn1on.png) no-repeat;
}
.join3_2 .ipg1 .btn .next:hover {
  background: url(/images/index/btn2on.png) no-repeat;
}
.ancient {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.ancient .mask {
  width: 100%;
  height: 110%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: transparent;
}
.ancient .ancient_box {
  width: 1118px;
  height: 782px;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  bottom: 0;
  margin: 0 auto;
  z-index: 2;
}
body.sol {
  overflow-y: hidden;
  overflow-x: hidden;
}
#allmap {
  height: 515px;
  width: 100%;
}
.inp_phone {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -157px;
  margin-top: -82px;
  width: 314px;
  height: 165px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  padding-top: 35px;
  display: none;
}
.inp_phone .phone_clo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 14px;
  height: 12px;
  cursor: pointer;
  z-index: 1;
  background: url(/images/business/close.png) no-repeat center;
}
.inp_phone .icon {
  width: 37px;
  height: 37px;
  background: url(/images/business/jg_ic.png) no-repeat center;
  margin: 0 auto;
  margin-bottom: 10px;
}
.inp_phone p {
  font-size: 16px;
  color: #ff8400;
  margin-bottom: 5px;
  text-align: center;
}
.inp_kong {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -157px;
  margin-top: -82px;
  width: 314px;
  height: 165px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  padding-top: 35px;
  display: none;
}
.inp_kong .phone_clo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 14px;
  height: 12px;
  cursor: pointer;
  z-index: 1;
  background: url(/images/business/close.png) no-repeat center;
}
.inp_kong .icon {
  width: 37px;
  height: 37px;
  background: url(/images/business/jg_ic.png) no-repeat center;
  margin: 0 auto;
  margin-bottom: 10px;
}
.inp_kong p {
  font-size: 16px;
  color: #ff8400;
  margin-bottom: 5px;
  text-align: center;
}

.Applets-float {
  position: fixed;
  right: 15px;
  bottom: 200px;
  z-index: 999;
}
.Applets-float .img {
  width: 80%;
  margin: auto;
  border: 1px solid #c5c5c5;
}
.Applets-float .text {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  padding: 10px 0;
}
.Applets-float .icon {
    border: 1px solid #c5c5c5;
    overflow: hidden;
    background-color: #fff;
    padding: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.Applets-float .icon img {
  width: 60px;
}
.Applets-float .box {
  width: 165px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  padding-top: 20px;
  position: absolute;
  top: -108px;
  right: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
}
.Applets-float:hover .box {
  opacity: 1;
  visibility: inherit;
  pointer-events: auto;
}
.Applets-float:hover .icon {
  opacity: 0;
}


.join-lump1{height: 714px; padding-top: 100px; background: url(/images/join/join-k1-bg.jpg) no-repeat center;}
.join-slide-wr{position: relative;}
.join-slide-wr .hd{position: absolute; left: 1030px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-top: 11px; z-index: 20;}
.join-slide-wr .hd *{transition: all .3s;}
.join-slide-wr .hd li{height: 96px; line-height: 96px; width: 134px; padding-left: 16px; margin-bottom: 11px; background: #fff; border-radius: 10px; cursor: pointer;}
.join-slide-wr .hd .i-b{display: inline-block; vertical-align: middle;}
.join-slide-wr .hd .en{font-size: 20px; color: #0d50d3; line-height: 18px; font-family: "Gilroy-Bold"; text-transform: uppercase;}
.join-slide-wr .hd .cn{font-size: 18px; color: #575757; line-height: 28px; font-weight: 600;}
.join-slide-wr .hd .on{background: #0d50d3; width: 225px;}
.join-slide-wr .hd .on .en{color: #ffd100;}
.join-slide-wr .hd .on .cn{color: #fff;}
.join-slide-wr .bd li{position: relative; height: 516px; background: no-repeat center; border-radius: 24px;}
.join-slide-wr .bd .cnt{position: absolute; left: 76px; top: 118px; z-index: 50;}
.join-slide-wr .bd .cnt .til-h1{font-size: 28px; color: #fff; line-height: 1; font-family: "Gilroy-Bold"; text-transform: uppercase;}
.join-slide-wr .bd .cnt .til-h2{font-size: 20px; color: #fff; line-height: 28px; margin-bottom: 32px;}
.join-slide-wr .bd .cnt .h1{font-size: 46px; color: #364751; line-height: 52px; font-weight: 300; margin-bottom: 8px;}
.join-slide-wr .bd .cnt .h2{font-size: 24px; color: #4baf73; line-height: 22px; font-family: "Gilroy-Bold"; text-transform: uppercase;}
.join-lump2{height: 740px; background: url(/images/join/join-k2-bg.jpg) no-repeat center;}
.join-slide-wr2{padding-top: 96px;}
.join-slide-wr2 .bd{width: 1312px; margin: 0 auto;}
.join-slide-wr2 .bd li{position: relative; height: 516px; background: no-repeat center; border-radius: 24px; margin: 0 56px;}
.join-slide-wr2 .bd .cnt{position: absolute; right: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.join-slide-wr2 .til-h1{font-size: 28px; color: #fff; line-height: 1; font-family: "Gilroy-Bold"; text-transform: uppercase;}
.join-slide-wr2 .til-h2{font-size: 20px; color: #fff; line-height: 28px; margin-bottom: 32px;}
.join-slide-wr2 .h1{font-size: 42px; color: #0142c2; line-height: 48px; font-weight: 300; margin-bottom: 8px;}
.join-lump2-slide1 .h4{font-size: 18px; color: #7394b2; line-height: 28px; margin-bottom: 3px; margin-top: 22px;}
.join-lump2-slide1 p{font-size: 15px; color: #7394b2; line-height: 20px; white-space: nowrap;}
.join-lump2-slide2{padding-top: 30px;}
.join-lump2-slide2 .icon-list{width: 390px;}
.join-lump2-slide2 .it{float: left; margin: 0 50px 30px 0; padding-left: 40px; position: relative;}
.join-lump2-slide2 .it .icon{position: absolute; left: 0; top: 0; padding-top: 4px;}
.join-lump2-slide2 .it:nth-child(even){margin-right: 0;}
.join-lump2-slide2 .it .h4{font-size: 18px; color: #7394b2; line-height: 26px;}
.join-lump2-slide2 .it p{font-size: 14px; color: #7394b2; line-height: 22px;}
.join-lump2-slide3{right: 22px; padding-top: 8px;}
.join-lump2-slide3 .list{overflow: hidden; width: 400px;}
.join-lump2-slide3 .li{float: left; width: 120px; height: 54px; font-weight: 600; line-height: 54px; padding-left: 20px; font-size: 16px; color: #3c5d7c; background: url(/images/join/join-k2-it-bg.png) no-repeat left center; margin: 0 12px 8px 0;}
.join-slide-wr2 .hd{float: right; position: relative; width: 82px; height: 20px; text-align: center; padding-top: 3px; margin-top: 24px;}
.join-slide-wr2 .hd .line{height: 14px; width: 2px; background: #a5a49f; margin: 0 auto;}
.join-slide-wr2 .hd .btn{position: absolute; top: 0; height: 100%; width: 30px; background: no-repeat; -webkit-transition: all .3s; transition: all .3s;}
.join-slide-wr2 .hd .prev{right: 52px; background-image: url(/images/join/join-icon-prev.png); background-position: left center;}
.join-slide-wr2 .hd .next{left: 52px; background-image: url(/images/join/join-icon-next.png); background-position: right center;}
.join-slide-wr2 .hd .btn:hover{width: 47px;}
.join-slide-wr2 .tempWrap{overflow: visible !important;}


/* jiang */
.business5 #pub_ban ,.business6 #pub_ban {
  height: 622px;
}
.business5 #pub_ban .w1200,.business6 #pub_ban .w1200{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 180px;
}
.business5 #pub_ban .txt h1 {
  font-size: 48px;
  line-height: 1.3;
  color: #fff;
  font-weight: 100;
  letter-spacing: 40px;
  margin-bottom: 20px;
}
.business5 #pub_ban .txt h2{
  font-size: 22px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-family: "Rubik";

}
.business5_cont1{
  padding: 70px 0;
  position: relative;
  overflow: hidden;
}
.business5_cont1 .Le{
  float: left;
  width: 750px;
}
.business5_cont1 .Le h1{
  font-size: 32px;
  color: #4c4c4c;
  margin-bottom: 25px;
  line-height: 1;
}
.business5_cont1 .Le p{
  line-height: 26px;
  color: #808080;
  margin-bottom: 20px;
}
.business5_cont1 .Ri{
  float: right;
  width: 380px;
  padding-top: 60px;
}
.business5_cont1 .Ri .en{
  font-size: 42px;
  font-family: "Rubik";
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #00b27e;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 40px;
}
.business5_cont1 .Ri .cn p{
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 15px;
}
.business5_cont1 .Ri .cn p>em{
  color: #00b27e;
}
.business5_cont2{
  background: url(/images/newPageImg/business5_con2bg.jpg) no-repeat center;
  height: 590px;
  padding-top: 84px;
  overflow: hidden;
}
.business5_cont2 h1,.business5_cont3 h1{
  font-size: 36px;
  color: #4c4c4c;
  margin-bottom: 30px;
  line-height: 1;
  font-weight: 100;
  color: #fff;
}
.business5_cont2 .img{
  float: left;
}
.business5_cont2 .txt{
  background: url(/images/newPageImg/business5_con2-img2.jpg) no-repeat center;
  float: left;
  width: 450px;
  height: 440px;
  padding: 80px 30px 40px 60px;
}

.business5_cont2 .txt p{
  font-size: 16px;
  color: #fff;
  line-height: 34px;
}
.business5_cont3{
  padding: 80px;
  background-color: #fff;
}

.business5_cont3 h1{
  color: #4c4c4c;
  margin-bottom: 40px;
}
.business5_cont3 .bus5_slide{
  position: relative;
  height: 360px;
}
.business5_cont3 .bus5_slide .tempWrap{
    width: 100% !important;
}
.business5_cont3 .bus5_slide ul{
  height: 360px !important;
}
.business5_cont3 .bus5_slide li{
  width: 300px !important;
  height: 345px;
  padding: 0 15px 0 40px;
  border-left: 2px solid #e6eef2;
  border-bottom: 2px solid #e6eef2;
  margin-left: 7px;
  position: relative;
}

.business5_cont3 .bus5_slide li::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url(/images/newPageImg/business5_ico1.png) no-repeat center;
  width: 21px;
  height: 16px;
}
.business5_cont3 .bus5_slide li::before{
  content: '';
  position: absolute;
  bottom: -9px;
  left: -10px;
  background: url(/images/newPageImg/business5_ico2.png) no-repeat center;
  width: 17px;
  height: 17px;
  z-index: 100;
}
.business5_cont3 .bus5_slide li .img{
  margin-bottom: 25px;
  width: 200px;
  height: 110px;
}
.business5_cont3 .bus5_slide li .txt{
  margin-bottom: 40px;
}
.business5_cont3 .bus5_slide li .txt h2{
  font-size: 30px;
  font-family: "Rubik";
  color: #00b27e;
  margin-bottom: 5px;
  transition: all .4s;
}
.business5_cont3 .bus5_slide li:hover h2{
  color: #0069ab;
}
.business5_cont3 .bus5_slide li .txt h3{
  color: #4c4c4c;
  font-size: 18px;
}
.business5_cont3 .bus5_slide .bd li p{
  color: #808080;
  max-height: 92px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px;
  width: 93%;
}
.business5_cont3 .bus5_slide .btn a ,.business3_4Cont1 .business3_4Slide .btn a{
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: no-repeat center;
  transition: all 0.5s;
}
.business5_cont3 .bus5_slide .btn a.le_btn ,
.business3_4Cont1 .business3_4Slide .btn a.le_btn{
  left: -80px;
  background-image: url(/images/business/h_btn1.png);
}
.business5_cont3 .bus5_slide .btn a.ri_btn,
.business3_4Cont1 .business3_4Slide .btn a.ri_btn {
  right: -80px;
  background-image: url(/images/business/h_btn2.png);
}
.business5_cont3 .bus5_slide .btn a.le_btn:hover ,
.business3_4Cont1 .business3_4Slide .btn a.le_btn:hover{
  background-image: url(/images/business/h_btn1on.png);
}
.business5_cont3 .bus5_slide .btn a.ri_btn:hover,
.business3_4Cont1 .business3_4Slide .btn a.ri_btn:hover {
  background-image: url(/images/business/h_btn2on.png);
}
.business5_cont4{
  background: url(/images/newPageImg/business5_bg.png) no-repeat center;
  height: 858px;
  padding: 80px 0 100px;
  position: relative;
}
.business5_cont4 .w1200{
  position: relative;
  height: 100%;
}
.business5_cont4 .w1200>h1{
  text-align: center;
  font-size: 36px;
  color: #4c4c4c;
  font-weight: 100;
  line-height: 1;
}
.business5_cont4 .map{
  position: absolute;
  top: 237px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 441px;
  z-index: 10;
}
.business5_cont4 .cont{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.business5_cont4 .cont .middle{
  width: 603px;
  margin: 0 auto;
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
}
.business5_cont4 .cont .middle .ic img{
  margin: 0 auto 20px;
  text-align: center;
}
.business5_cont4 .cont  .middle h3{
  text-align: center;
  margin-bottom: 8px;
}
.business5_cont4 .cont .middle .p{
  display: flex;
}
.business5_cont4 .cont .middle .p p{
  margin-right: 35px;
  margin-bottom: 0;
}
.business5_cont4 .cont .p p{
  color: #808080;
  position: relative;
  margin-bottom: 10px;
}
.business5_cont4 .cont .p p::after{
  content: '';
  position: absolute;
  top: 7px;
  left: -14px;
  width: 8px;
  height: 8px;
  background-color: #10ac7d;
  border-radius: 50%;
}
.business5_cont4 .cont h3{
  color: #4c4c4c;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 45px;
}
.business5_cont4 .cont .left{
  width: 316px;
  position: absolute;
  top: 271px;
  left: 0;
}
.business5_cont4 .cont .ic img{
  margin-bottom: 10px;
}
.business5_cont4 .cont  .left::after{
  content: '';
  position: absolute;
  top: 130px;
  right: -122px;
  background: url(/images/newPageImg/business5_xian1.png) no-repeat center;
  width: 436px;
  height: 108px;
  z-index: 1;
}
.business5_cont4 .cont .right{
  width: 316px;
  position: absolute;
  top: 271px;
  right: 0;
}
.business5_cont4 .cont  .right::after{
  content: '';
  position: absolute;
  top: 130px;
  left: -122px;
  background: url(/images/newPageImg/business5_xian2.png) no-repeat center;
  width: 436px;
  height: 108px;
  z-index: 1;
}
.business5_cont5  {
  padding: 90px 0 80px ;
}
.business5_cont5 h1{
  margin-bottom: 30px;
  font-weight: 100;
  color: #4c4c4c;
  font-size: 36px;
  line-height: 1;
}
.business5_cont5 ul {
  width: 1216px;
  overflow: hidden;
}
.business5_cont5 li{
  margin-right: 16px;
  float: left;
  width: 592px;
  height: auto;
  overflow: hidden;
  margin-bottom: 16px;
}
.business5_cont5 li .tr_img {
  width: 592px;
  height: 330px;
}
.business5_cont5 li .font {
  width: 592px;
  height: 160px;
  background: #f8f9fb;
  border-top: none;
  font-size: 16px;
  color: #666;
  padding: 40px 30px;
  transition: 0.5s all;
}
.business5_cont5 li .font h3{
  margin-bottom: 15px;
  font-size: 20px;
  color: #4c4c4c;
}
.business5_cont5 li:hover .font{
  background-color: #0069ab;
}
.business5_cont5 li:hover .font h3,
.business5_cont5 li:hover .font p{
  color: #fff;
}
.business6 #pub_ban .w1200{
  padding-top: 208px;
}
.business6 #pub_ban .txt h1{
  color: #fff;
  font-size: 44px;
  font-weight: 100;
}
.business6 #pub_ban .txt h2{
  color: #0069ab;
  opacity: .5;
  font-family: "Rubik";
  font-size: 20px;
  margin-top: 20px;
}

.business6_cont1 {
  margin: 80px 0 ;
}
.business6_cont2{
  background-color: #f0f6fa;
}
.business6_cont1 .font{
  width: 450px;
  height: 440px;
  float: right;
  background-color: #ebf1f5;
  padding: 55px 50px 50px;
}
.business6_cont1 .bus6_slide{
  width: 750px;
  height: 440px;
  float: left;
  position: relative;
}
.business6_cont1 .bus6_slide:hover  .btn{
  opacity: 1;
}
.business6_cont1 .bus6_slide .btn{
  opacity: 0;
  transition: all .4s;
}
.business6_cont1 .font {
  position: relative;
}
.business6_cont1 .font  h3{
  color: #525e66;
  font-size: 24px;
  margin-bottom: 15px;
}
.business6_cont1 .font  p{
  color: #8599a6;
  line-height: 24px;
}
.business6_cont1 .font a{
  width: 140px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background-color: #0069ab;
  border-radius: 30px;
  position: absolute;
  left: 50px;
  bottom: 50px;
  transition: all .4s;
}
.business6_cont1 .font a:hover{
  background-color: #005a91;
}

.business6_cont2{
  padding-bottom: 90px;
  margin-bottom: 0;
}

.business6_cont1 .bus6_slide .btn a,.bus6_D1-slide .btn a {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  background: no-repeat center;
  transition: all 0.5s;
}
.business6_cont1 .bus6_slide .btn a.le_btn,.bus6_D1-slide .btn a.le_btn{
  left: 35px;
  background-image: url(/images/index/btn1.png);
}
.business6_cont1 .bus6_slide .btn a.ri_btn,.bus6_D1-slide .btn a.ri_btn {
  right: 35px;
  background-image: url(/images/index/btn2.png);
}
.business6_cont1 .bus6_slide .btn a.le_btn:hover,.bus6_D1-slide .btn a.le_btn:hover {
  background-image: url(/images/index/btn1on.png);
}
.business6_cont1 .bus6_slide .btn a.ri_btn:hover ,.bus6_D1-slide .btn a.ri_btn:hover{
  background-image: url(/images/index/btn2on.png);
}
.business6_cont1 .bus6_slide .btn a.prevStop:hover {
  background-image: url(/images/index/btn1.png);
}
.business6_cont1 .bus6_slide .btn a.nextStop:hover {
  background-image: url(/images/index/btn2.png);
}
.business6_data1 #pub_ban,.business6_data2 #pub_ban {
  height: 622px;
}
.business6_data1 #pub_ban .w1200,.business6_data2 #pub_ban .w1200{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;

}
.business6_data1 #pub_ban .btn{
  margin: 0 auto;
  width: 85px;
  padding-top: 270px;
  cursor: pointer;
}
.business6_data1_cont1{
  padding: 80px 0;
  overflow: hidden;
}
.business6_data1_cont1 .Le{
  width: 450px;
  float: left;
}
.business6_data1_cont1 .Le h1{
  font-size: 36px;
  color: #4c4c4c;
  line-height: 1;
  font-weight: 100;
}
.business6_data1_cont1 .Le h4{
  font-size: 26px;
  color: #0069ab;
  line-height: 41px;
  font-weight: 100;
}
.business6_data1_cont1 .Ri{
  width: 750px;
  float: left;
}
.business6_data1_cont1 .Ri p{
  margin-bottom: 20px;
  color: #808080;
}
.business6_data1_cont2 {
  padding: 80px 0 100px;
  background-color: #ebf1f5;
}
.business6_data1_cont2 h2{
  color: #0069ab;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 30px;
}
.bus6_D1-slide {
  width: 1222px;
  position: relative;
}
.bus6_D1-slide .bd li{
  width: 384px;
  margin-right: 22px;
}
.bus6_D1-slide .btn a.le_btn{
  background: url(/images/newPageImg/bus6_D1-le.png) no-repeat center;
  left: -85px;
}
.bus6_D1-slide .btn a.ri_btn{
  background: url(/images/newPageImg/bus6_D1-ri.png) no-repeat center;
  right: -60px;
}

.business6_data2 #pub_ban .back{
  position: absolute;
  top: 25px;
  right: 0;
}
.business6_data2 #pub_ban .back .icon {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff url(../images/business/back.png) no-repeat center;
  transition: all 0.5s;
}
.business6_data2 #pub_ban .back .icon:hover {
  background: #ff8a00 url(../images/business/backon.png) no-repeat center;
}
.business6_data2 #pub_ban .pic{
  margin-top: 110px;
}
.business4 .bn_news{
  background-color: #edf0f2;
  padding-top: 95px;
  padding-bottom: 65px;
  height: auto;
}
.business4 .bn_main {
  height: auto;
}
.business4 .bn_main .bn_main_lf{
  padding-right: 60px;
  border-right: 1px solid #e1e4e6;
}
.business4 .bn_main .bn_main_rt{
  padding-left: 50px;
  padding-top: 10px;
}
.business4 #pub_ban .w1200{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 1212px;
  height: 100%;
  margin:  0 auto;
}
.bus4_list{
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin:  0 auto;
}
.bus4_list::after{
  content: '';
  clear: both;
  display: block;
}
.bus4_list li{
  width: 392px;
  height: 100px;
  background-color: #fff;
  margin-right: 12px;
  float: left;
  transition: all .4s;
  position: relative;
}
.bus4_list li:hover{
  background-color: #0069ab;
  transition: all .4s;
  
}
.bus4_list li a{
  width: 100% ;
  height: 100%;
  padding: 27px 40px;
  display: block;
}
.bus4_list li::after{
  /* content: ''; */
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0068aa;
  opacity: 0;
  transition: all .4s;
}
.bus4_list li:hover::after {
  opacity: 1;
}
.bus4_list li .ico{
  float: left;
  margin-right: 15px;
}
.bus4_list li .text{
  float: left;
}
.bus4_list li:hover .text .cn,.bus4_list li:hover .text .en{
    color: #fff;
  }
  .bus4_list li .ico>img{
    display: none;
  }
  .bus4_list li:nth-child(1) .ico{
    background: url(/images/newPageImg/bus4_ico1.png) no-repeat center;
    width: 45px;
    height: 40px;
  }
  .bus4_list li:nth-child(2) .ico{
    background: url(/images/newPageImg/bus4_ico2.png) no-repeat center;
    width: 40px;
    height: 44px;
  }
  .bus4_list li:nth-child(3) .ico{
    background: url(/images/newPageImg/bus4_ico3.png) no-repeat center;
    width: 42px;
    height: 42px;
  }
  .bus4_list li:nth-child(1):hover .ico{
    background: url(/images/newPageImg/bus4_ico1on.png) no-repeat center;
  }
  .bus4_list li:nth-child(2):hover .ico{
    background: url(/images/newPageImg/bus4_ico2on.png) no-repeat center;
  }
  .bus4_list li:nth-child(3):hover .ico{
    background: url(/images/newPageImg/bus4_ico3on.png) no-repeat center;
  }
.bus4_list li .text .cn{
  font-size: 20px;
  color: #4c4c4c;
  line-height: 1;
  margin-bottom: 5px;
}
.bus4_list li .text .en{
  font-size: 16px;
  font-family: "Rubik";
  color: #b2b2b2;
  text-transform: uppercase;
}
.bus4_data1 {
  padding: 80px 0;
}
.bus4_data1 .w1200{
  position: relative;
}
.bus4_data1 .top_txt{
  margin-bottom: 50px;
}
.bus4_data1 .top_txt h1,.bus4_data2 .top_txt h1{
  font-size: 24px;
  color: #4c4c4c;
}
.bus4_data1 .top_txt  h2,.bus4_data2 .top_txt h2{
  color: #b2b2b2;
  font-size: 22px;
  font-family: "Rubik";
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 15px;
}
.business6_cont1 .w1200,.business6_data1_cont1 .w1200,
.business6_data1_cont2 .w1200{
  position: relative;
}
.business6 .business6_cont1 .return,
.business6_data1_cont1 .return,
.business6_data1_cont2 .return,
.business4_data3  .bus4_data2 .return,
.bus4_data1 .return{
  position: relative;
  top: -45px;
  text-align: right;
  bottom: auto;
  z-index: 100;
  font-size: 16px;
  color: #808080;
}
.bus4_data2 .top_txt .return,.business6_cont1 .return{
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: #808080;
}
.bus4_data1 .top_txt h6{
  font-size: 17px;
  color: #4c4c4c;
  margin-bottom: 10px;
}
.bus4_data1 .top_txt p{
  color: #808080;
}
.business4_data1 .bus4_data1 .ipg1_box li{
  height: auto;
}
.business4_data3 #pub_ban .txt,
.business4_data1 #pub_ban .txt{
  padding-top: 160px;
  float: right;
}
.business4_data2 #pub_ban .txt{
  padding-top: 90px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 1200px;
  margin: 0 auto;
  text-align: right;

}
.business4_data3 #pub_ban .txt h1,
.business4_data2 #pub_ban .txt h1,
.business4_data1 #pub_ban .txt h1{
  font-size: 42px;
  color: #fff;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: 100;
}
.business4_data3 #pub_ban .txt h2,
.business4_data2 #pub_ban .txt h2,
.business4_data1 #pub_ban .txt h2{
  font-size: 30px;
  font-family: "Rubik";
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  font-weight: 100;
}
.business4_data1.business3_1  #pub_ban ,
.business4_data2.business3_1  #pub_ban ,
.business4_data3.business3_1  #pub_ban{
  height: 408px;
}
.business4_data3 #pub_ban .w1200 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
}
a.return{
  background: url(/images/newPageImg/return.png) no-repeat  right;
  background-size: 8px 14px;
  padding-right: 20px;
}

.bus4_data2{
  padding: 80px 0 0;
}
.bus4_data2 .w1200{
  position: relative;
}

.bus4_data2 .top_txt{
  margin-bottom: 40px;
  position: relative;
}
.bus4_data2 .top_txt h5{
  font-size: 26px;
  color: #4c4c4c;
  line-height: 35px;
}
.bus4_data3{
  overflow: hidden;

}
.bus4_data3 .bus4_data3-dt{
  padding: 34px 40px;
  background-color: #f5f5f5;
  width: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}
.bus4_data3 .bus4_data3-dt ul{
  float: right;
}
.bus4_data3 .bus4_data3-dt li{
  font-size: 15px;
  color: #808080;
  line-height: 1;
  margin-left: 40px;
  float: left;
  cursor: pointer;
}
.bus4_data3 .bus4_data3-dt li.on{
  color: #0069ab;
}
.bus4_data3 .bus4_data3-dd .txt{
  margin-bottom: 35px;

}
.bus4_data3 .bus4_data3-dd .txt h4{
  font-size: 16px;
  color: #4c4c4c;
}
.bus4_data3 .bus4_data3-dd .txt p{
  color: #808080;
}
.bus4_data3 .bus4_data3-dd .ipg1_box li{
  height: auto;
}
.bus4_data3{
  margin-bottom: 80px;
}
.business4_data2  #pub_ban .w1200{
  position: unset;
  margin: 0 auto;
}
.bus4_D2-dd{
  padding: 40px 50px;
  overflow: hidden;
  height: 167px;
  width: 1200px;
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
}
.bus4_D2-dd li{
  float: left;
  width: 225px;
  height: 80px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}
.bus4_D2-dd li:nth-last-child(1):before{
  content: unset;
}
.bus4_D2-dd li::before{
  content: '';
  position: absolute;
  top: 28%;
  transform: translateY(-50%);
  right: 0;
  width: 5px;
  height: 5px ;
  background-color: #e0e0e0;
}
.bus4_D2-dd li:nth-child(1){
  width: 190px;
}
.bus4_D2-dd li p{
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 16px;
  color: #808080;
}
.bus4_D2-dd li.on p{
  color: #333333;

}
.bus4_D2-dd li .ic{
  background: no-repeat center;
  margin: 0 auto;
}
.bus4_D2-dd li:nth-child(1) .ic{
  background-image: url(/images/newPageImg/business4_data2_ico1.png) ;
  width: 47px;
  height: 44px;
}
.bus4_D2-dd li:nth-child(2) .ic{
  background-image: url(/images/newPageImg/business4_data2_ico2.png);
  width: 48px;
  height: 46px;
}
.bus4_D2-dd li:nth-child(3) .ic{
  background-image: url(/images/newPageImg/business4_data2_ico3.png) ;
  width: 47px;
  height: 44px;
}
.bus4_D2-dd li:nth-child(4) .ic{
  background-image: url(/images/newPageImg/business4_data2_ico4.png);
  width: 46px;
  height: 46px;
  }
.bus4_D2-dd li:nth-child(5) .ic{
  background-image: url(/images/newPageImg/business4_data2_ico5.png);
  width: 44px;
  height: 54px;
  margin-top: -5px;
}
.bus4_D2-dd li.on:nth-child(1) .ic{
    background-image: url(/images/newPageImg/business4_data2_ico1on.png);
}
.bus4_D2-dd li.on:nth-child(2) .ic{
    background-image: url(/images/newPageImg/business4_data2_ico2on.png);
}
.bus4_D2-dd li.on:nth-child(3) .ic{
    background-image: url(/images/newPageImg/business4_data2_ico3on.png);
}
.bus4_D2-dd li.on:nth-child(4) .ic{
    background-image: url(/images/newPageImg/business4_data2_ico4on.png);
}
.bus4_D2-dd li.on:nth-child(5) .ic{
    background-image: url(/images/newPageImg/business4_data2_ico5on.png);
}
.bus4_D2_cont2{
  /* background:  url(/images/newPageImg/bus4_D2_cont2bg.jpg) no-repeat center; */
  background-color: #fff;
  padding: 0 0 100px;
}
.bus4_D2_cont2 .bus4_D2-dt>div{
  background: url(/images/newPageImg/bus4_D2_cont_libg.jpg) no-repeat center;
  height: 420px;
}
.bus4_D2_cont2 .bus4_D2-dt .le{
  float: left;
  width: 800px;
}
.bus4_D2_cont2 .bus4_D2-dt .ri{
  float: right;
  width: 400px;
  padding: 70px 45px;
}
.bus4_D2_cont2 .bus4_D2-dt .ri h1{
  font-size: 28px;
  color: #0069ab;
  margin-bottom: 10px;
}
.bus4_D2_cont2 .bus4_D2-dt .ri h2{
  font-size: 20px;
  color: #c6cdd1;
  font-family: "Rubik";
  text-transform: uppercase;
  margin-bottom: 20px;
}
.bus4_D2_cont2 .bus4_D2-dt .ri p{
  color: #808080;
}
.business3_1 #pub_ban{
  height: 622px;
}
.business3_1 #pub_ban .font h6{
  color: #fff;
  font-size: 42px;
  margin-bottom: 20px;
  line-height: 1;
  font-weight: 100;
}
.business3_1 #pub_ban .font p{
  color: #fff;
  font-size: 16px;
  line-height: 26px;
}

.business3_1Cont1{
  padding-top: 80px;
}
.business3_1Cont1 .top_txt h1{
  font-size: 24px;
  color: #4c4c4c;
  margin-bottom: 8px;
}
.business3_1Cont1 .top_txt h2{
  color: #b2b2b2;
  text-transform: uppercase;
  font-family: "Rubik";
  font-size: 22px;
}
.business3_1Cont1 ul{
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  border-top: 2px solid #ebebeb;

}
.business3_1Cont1 ul li{
  width: 403px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  color: #808080;
  font-size: 16px;
  position: relative;
}
.business3_1Cont1 ul li.on{
  background-color: #0069ab;
}
.business3_1Cont1 ul li::after{
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 2px ;
  background-color: #0069ab;
  opacity: 0;
  transition: all .4s;
}
.business3_1Cont1 ul li:nth-last-child(1):before{
  content: unset;
}
.business3_1Cont1 ul li.on::before{
  content: unset;
  
}
.business3_1Cont1 ul li::before{
  /* content: ''; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 5px;height: 5px;
  background-color: #e0e0e0;
}
.business3_1Cont1 ul li.on::after{
  opacity: 1;
}
.business3_1Cont1 ul li.on a{
  color: #fff;
}
.business3_1Cont2 .ipg1{
  background-color: #f2f2f2;
  padding: 0 0 80px;
}
.business3_1Cont2 .ovb_dt{
  line-height: 75px;
  height: 75px;
}
.business3_1Cont2  {
  background-color: #f2f2f2;
}
.business3_1Cont2 .ovb_dt ul{
  display: flex;
  justify-content: center;
}
.business3_1Cont2 .ovb_dt ul li{
  padding: 0 20px;
  margin: 30px  0;
  border-right: 2px solid #d9d9d9;
  line-height: 1;
  font-size: 15px;
  cursor: pointer;
  color: #808080;
}
.business3_1Cont2 .ovb_dt ul li:nth-last-child(1){
  border-right: none;
}
.business3_1Cont2 .ovb_dt ul li.on{
  color: #0069ab;
}

.business3_1-3Cont2 .ipg1_bom .tr_img {
  float: left;
  width: 711px;
  height: 409px;
}
.business3_1 .business3_1-3Cont2  .ipg1_box li .font,.business3_1 .business3_1-3Cont2  .ipg1_box li{
  height: auto;
}
.business3_1-3Cont2 .ipg1_bom .font {
  float: left;
  width: 489px;
  height: 409px;
  background: #fff;
  padding:  60px 15px 45px 45px;
  position: relative;
}
.business3_1-3Cont2 .ipg1_bom .font h6{
  font-size: 32px;
  color: #4c4c4c;
  font-weight: 100;
  margin-bottom: 20px;
}
.business3_1-3Cont2 .ipg1_bom .font p{
  color: #808080;
}
.business3_1-3Cont2 .ipg1_bom .font .p {
  max-height: 260px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 35px;
}
.business3_1-3Cont2 .ipg1_bom  .tr_img {
  position: relative;
}
.business3_1-3Cont2 .ipg1_bom  .tr_img .box{
  width: 230px;
  height: 130px;
  background-color: #00b27e;
  padding: 34px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.business3_1-3Cont2 .ipg1_bom  .tr_img .box p{
  font-size: 16px;
  color: #fff;
}
.business3_1-3Cont2 .ipg1_bom  .tr_img .box p em{
  font-family: "Rubik";
  font-size: 48px;
  display: block;
  margin-bottom: 0;
  line-height: 1;
}
.business3_1-3Cont2  .ipg1_bom  {
  overflow: hidden;
}
.business3_1-3Cont2 .ipg1_list {
  margin-top: 40px;
  overflow: hidden;
}
.business3_1-3Cont2 .ipg1_list li {
  float: left;
  width: 386px;
  height: 278px;
  overflow: hidden;
  margin-right: 21px;
  margin-bottom: 21px;
}

.business3_2Cont2 {
  padding: 50px  0 40px;
  background-color: #f2f2f2;
}
.business3_2Cont2 .ipg1_box:nth-child(1) .num,
.business3_3Cont2 .ipg1_box .num{
  overflow: hidden;
  padding-top: 35px;
  border-top: 2px solid #ebebeb;
  position: absolute;
  bottom: 50px;
  left: 45px;
    right: 45px;
    width: auto;
}
.business3_2Cont2 .ipg1_box .num li{
  float: left;
  width: 170px;
  height: auto;
  margin-bottom: 0;
  cursor: auto;
  color: #808080  ;
}

.business3_2Cont2 .ipg1_box .num li:nth-child(1){
  margin-right: 0;
}
.business3_2Cont2 .ipg1_box  .num li em{
  color: #0069ab;
  font-family: "Rubik";
  font-size: 48px;
  line-height: 1;
  margin-right: 5px;
  letter-spacing: -2px;
}
.business3_2Cont2 .ipg1_box  .num li p{
  color: #808080  ;
  font-size: 16px;
}
.business3_2Cont2 .ipg1_box:nth-child(1) .ipg1_bom .tr_img,
.business3_2Cont2 .ipg1_box:nth-child(1) .ipg1_bom .font{
  height: 542px;
  position: relative;
  background-color: #fff;
}

.business3_1-3Cont2 .ipg1_box .font .ico{
  margin-top: 55px;
}
.business3_3Cont2 {
  padding-bottom: 100px;
}
.business3_3Cont2  .ipg1_bom{
  margin-top: 40px;
}
.business3_3Cont2 .ipg1_bom .font .p {
  max-height: 110px;
}
.business3_2Cont2 .ipg1_box .ipg1_box_num4 li{
  float: left;
  width: 140px;
  height: auto;
  margin-right: 0;
  margin-bottom: 0;
  cursor: auto;
  color: #808080  ;
}
.business3_2Cont2 .ipg1_box .ipg1_box_num4 li em{
  margin-right: 5px;
}
.business3_2Cont2 .ipg1_box .ipg1_box_num4 li:nth-child(3){
  width: 160px;
}
.business3_2Cont2 .ipg1_box .ipg1_box_num4 li:nth-child(2){
  width: 110px;
}

.business3_2Cont2 .ipg1_box .ipg1_box_num4 {
  border-top: 2px solid #ebebeb;
  position: absolute;
  bottom: 50px;
  left: 45px;
  right: 45px;
  width: auto;
  padding-top: 30px;
}
.business3_3Cont2 .ipg1_bom .font p{
  margin-bottom: 0;
}
.business3_4Cont1{
} 
.business3_4Cont1{
  background: url(/images/newPageImg/bus3_4-bg.png) no-repeat center 120px;
  height: 730px;
}
.business3_4Cont1 .business3_4Slide {
  width: 1216px;
  position: relative;
  margin-top: 90px;

}
.business3_4Cont1 .business3_4Slide .bd li{
  width: 227px !important;
  border: 7px solid #4b4c4f;
  margin-right: 17px;
  position: relative;
}
.business3_4Cont1 .business3_4Slide .bd ul{
  display: block;
  margin-top: 0;
  border: 0;
}
.business3_4Cont1 .top_txt{
  padding-top: 80px;
}
.business3_4Cont1 .top_txt h1{
  font-size: 24px;
  color: #4c4c4c;
  margin-bottom: 8px;
}
.business3_4Cont1 .top_txt h2{
  color: #b2b2b2;
  text-transform: uppercase;
  font-family: "Rubik";
  font-size: 22px;
}
.business3_4Cont1 .business3_4Slide .tempWrap {
  width: 100% !important;
}
.business3_4Cont1 .business3_4Slide .bd .txt{
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all .5s;
  z-index: 10;
  text-align: center;
}
.business3_4Cont1 .business3_4Slide .bd li:hover img{
  filter: blur(1px);
}
.business3_4Cont1 .business3_4Slide .bd li:hover .txt{
  opacity: 1;
}
.business3_4Cont1 .business3_4Slide .bd li::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all .5s;
  z-index: 1;
}
.business3_4Cont1 .business3_4Slide .bd li:hover::before{
  opacity: 1;
}
.business3_4Cont1 .business3_4Slide .btn a{
  margin-top: -39px;
}

/* สืาณะยิ๖ */
.indexCont1{
  position: relative;
  overflow: hidden;
}
.indexCont1 .list ul{
  display: flex;
  justify-content: space-between;
}
.indexCont1 .list ul li{
  max-width: 733px;
  width: 33.33vw;
  height: 300px;
  position: relative;
}
.indexCont1 .list ul li .bg{
  background: url(/images/index/ind_libg.jpg) no-repeat center right/cover;
  width: 100%;
  height: 100%;
  transition: all .6s;
}
.indexCont1 .list ul .li1:hover .bg{
  background: url(/images/index/ind_libg1.jpg) no-repeat center right/cover;
  transition: all .6s;
}
.indexCont1 .list ul .li2:hover .bg{
  background: url(/images/index/ind_libg2.jpg) no-repeat center right/cover;
  transition: all .6s;
}
.indexCont1 .list ul .li3:hover .bg{
  background: url(/images/index/ind_libg3.jpg) no-repeat center right/cover;
  transition: all .6s;
}
.indexCont1 .list li .txt{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 63%;
  padding-left: 8%;
  padding-top: 90px;
  transition: all .6s;
}
.indexCont1 .list li:hover .txt{
  padding-top: 45px;
  transition: all .6s;
}
.indexCont1 .list li:hover .txt h2{
  /* font-size: 16px; */
  transition: all .6s;
  color: #fff;
}
.indexCont1 .list li:hover .txt h3,
.indexCont1 .list li:hover .txt p{
  transition: all .6s;
  color: #fff;
}
.indexCont1 .list li .txt h2{
  color: #0069ab;
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: 600;
  transition: all .6s;
}
.indexCont1 .list li .txt h3{
  font-size: 26px;
  font-weight: 500;
  color: #4c4c4c;
  margin-bottom: 10px;
  line-height: 1.3;
}
.indexCont1 .list li .txt p{
  color: #808080;
  font-size: 16px;
}
.indexCont1 .list li .tips{
  position: absolute;
  bottom: 15%;
  left: 8%;
  opacity: 0;
  transition: all .6s;
  display: flex;
  align-items: center;
}
.indexCont1 .list li:hover .tips{
  opacity: 1;
  transition: all .6s;
}
.indexCont1 .list li .tips p{
  color: #fff;
}
.indexCont1 .list li .tips .ic{
  background: url(/images/index/ind_li-ic4.png) no-repeat;
  width: 19px;
  height: 10px;
  margin-left: 15px;
}
.indexCont1 .list li .ico{
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  transition: all .4s;
}
.indexCont1 .list li:hover .ico{
  opacity: 0;
  transition: all .4s;
}
.indexCont1 .list li a{
  width: 100%;
  height: 100%;
}
.indexCont2{
  padding-top: 90px;
  padding-bottom: 50px;
}
.indexCont2 .w1200{
  border-top: 2px solid #ebeff2;
  padding-top: 30px;
  overflow: hidden;
}
.indexCont2  .Le {
  width: 430px;
  float: left;
}
.indexCont2  .Le .tit h1{
  color: #4c4c4c;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
}
.indexCont2  .Le .tit h2{
  color: #bababa;
  font-size: 22px;
  text-transform: uppercase;
  font-family: "MONTSERRAT-REGULAR";
  letter-spacing: -2px;
}
.indexCont2  .Le .tit{
  margin-bottom: 105px;
}
.indexCont2  .Le .code{
  padding-bottom: 35px;
  border-bottom: 2px solid #ebeff2;
  width: 300px;
}
.indexCont2  .Le .code h6{
  font-size: 22px;
  font-family: "MONTSERRAT-REGULAR";
  color: #6c7280;
}
.indexCont2  .Le .code p{
  color: #6c7280;
  font-size: 15px;
}
.indexCont2  .Le .code h3{
  font-size: 18px;
  color: #6c7280;
  margin-top: 20px;
}
.indexCont2  .Le .num{
  position: relative;
  margin-top: 75px;
}
.indexCont2  .Le .num::after{
  content: '';
  position: absolute;
  top: -30px;
  left: 2px;
  background: url(/images/index/code_ico.png) no-repeat;
  width: 19px;
  height: 13px;
}
.indexCont2  .Le .num h1{
  font-family: "MONTSERRAT-REGULAR";
  color: #f03838;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -2px;
}
.indexCont2  .Le .num.green:after{
  background: url(/images/index/code_icoOn.png) no-repeat;
}
.indexCont2  .Le .num.green h1{
  color: #1ca520;
}
.indexCont2  .Ri{
  float: right;
  width: 770px;
}
.indexCont2  .Ri li{
  padding: 25px 0;
  border-bottom: 2px solid #ebeff2;
  overflow: hidden;
}
.indexCont2  .Ri li.Topping{
  padding-top: 0;
  
}
.indexCont2  .Ri .Topping .time{
  color: #0069ab;
  font-family: "MONTSERRAT-REGULAR";
  font-size: 20px;
  line-height: 1;
  margin-bottom: 5px;
  float: none;
}
.indexCont2  .Ri .Topping .title{
  font-size: 18px;
  color: #4c4c4c;
  margin-bottom: 15px;
  font-weight: 600;
  float: none;
}
.indexCont2  .Ri li .p p{
  color: #808080;
  line-height: 26px;
}
.indexCont2  .Ri li .more{
  position: relative;
  display: inline-block;
  color: #b2b2b2;
  font-family: "MONTSERRAT-REGULAR";
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: -1px;
  transition: all 0.5s;
  margin-top: 15px;
}
.indexCont2  .Ri li .more::after{
  content: '';
  position: absolute;
  top: 6px;
  right: -18px;
  width: 7px;
  height: 12px;
  background: url(/images/index/more.png) no-repeat center right;
}
.indexCont2  .Ri li:hover .title,
.indexCont2  .Ri li:hover .more,
.indexCont2  .Ri li:hover .time {
  color: #ff8a00;
}
.indexCont2  .Ri li .title{
  font-size: 16px;
  color: #808080;
  transition: all 0.5s;
  float: left;
}
.indexCont2  .Ri li .time{
  float: right;
  font-size: 18px;
  color: #808080;
  transition: all 0.5s;
}
.indexCont2  .Ri li:nth-last-child(1){
  border-bottom: 0;
}








@media screen and (max-width: 2200px) {
  .indexCont1 .list li .txt{
    width: 53%;
  }
}



@media screen and (max-width:1700px) {
  .indexCont1 .list li .txt{
    padding-left: 6%;
  }
  .indexCont1 .list li .ico{
    right: 4%;
    width: 40%;
  }
  .indexCont1 .list li .tips{
    left: 6%;
  }
}