body {
  font-family:  '微软雅黑', arial, sans-serif;
  color: #444444;
}
a {
  color: #56bc94;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: #3fa07a;
}
a:focus {
  text-decoration: none;
  color: #3fa07a;
}
.container{ width: 1200px; padding: 0;}
/* ======= Header ======= */
.header {
  padding: 25px 0;
  background: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.header h1.logo {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 28px;
  max-height: 50px;
}
.header h1.logo a {
  color: #444444;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
.header h1.logo a img {
  margin-right: 5px;
  max-height: 50px;
}
.header h1.logo .logo-title {
  vertical-align: middle;
}
.header .main-nav button {
  width: 44px; height: 44px; padding: 0; margin: 0;
  background: url(../images/icon-menu.png) no-repeat center center; background-size: 100%;
}
.header .main-nav button:focus {
  outline: none;
}
.header .main-nav button .icon-bar {
  background-color: #fff;
}
.header .main-nav .nav .nav-item {
  font-weight: normal;
  text-transform: uppercase;
  margin-right: 5px;
  margin: 0px 40px;
  border-top:4px solid #FFF
}
.header .main-nav .nav .nav-item.active{border-top:4px solid #1c4970;}
.header .main-nav .nav .nav-item.active a {
  color: #1c4970;
  background: none;

}
.header .main-nav .nav .nav-item a {
  color: #666;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  font-size: 16px;
  padding: 15px 0px;
}
.header .main-nav .nav .nav-item a:hover {
  color: #1c4970;
  background: none;
}
.header .main-nav .nav .nav-item a:focus {
  outline: none;
  background: none;
}
.header .main-nav .nav .nav-item a:active {
  outline: none;
  background: none;
}
.header .main-nav .nav .nav-item.active {
  color: #165385;
}
.header .main-nav .nav .nav-item.last {
  margin-right: 0;
}
.headFixed{ position: fixed;}
/* ======= Footer ======= */
.footer {

  color: #fff;
  padding: 15px 0;
  margin-top:200px ;
}
.footer .copyright {
  color: #b3b3b3;
  margin-right: 15px;
}
.footer .links {
  margin-bottom: 0;
}
.footer .links a {
  color: #808080;
}
.footer .links a:hover {
  color: #56bc94;
}
/* ======= FlexSlider ======= */
.flexslider {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border: 0;
}
.flexslider .flex-control-nav {
  bottom: -35px;
}
.flexslider .flex-control-paging li a {
  background: #a1a1a1;
}
.flexslider .flex-control-paging li a:hover {
  background: #56bc94;
}
.flexslider .flex-control-paging li a.flex-active {
  background: #56bc94;
}
.flexslider .slides li {
  position: relative;
}
/* ======= part1======= */
.part1 {
  background:url(../images/part1-bg.jpg) #16456b  no-repeat center center ;
  background-size:  auto 100% ;
  color: #fff;
}
@-webkit-keyframes bgZoom{
  0% {background-size:  auto 100% ;}
  25% {background-size:  auto 120% ;}
  50% {background-size:  auto 130% ;}
  70% {background-size:  auto 140% ;}
  100% {background-size:  auto 150% ;}
}
.part1bgzoom{
  background-size:  auto 150% ;
  animation: bgZoom 5s linear infinite;
  -moz-animation: bgZoom 5s linear infinite;
  -webkit-animation: bgZoom 5s linear infinite;
  -o-animation: bgZoom 5s linear infinite;
}

.part1 .container{  position: relative;}
.part1-txt1 { position: absolute;  top:310px;  opacity: 0; left: 65px; width: 215px;}
.part1-txt2 { position: absolute; top:280px;  opacity: 0; left: 45%; width: 286px;}
.part1-txt2 img.quan{ margin-left: 30px;}
.part1-txt3 { position: absolute; top:330px;  opacity: 0; right:0px;width: 185px; text-align: center;}

@-webkit-keyframes quanz{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
.quan{
  -webkit-transform: rotate(360deg);
  animation: quanz 3s linear infinite;
  -moz-animation: quanz 3s linear infinite;
  -webkit-animation: quanz 3s linear infinite;
  -o-animation: quanz 3s linear infinite;
}
.part1 .part1-bot{  position: absolute; bottom:50px;  left: 0px;  width: 100%; z-index: 999;}
@-webkit-keyframes txt-rot{
  from {opacity: 0;}
  to {opacity: 1;}
}
.txt-rot{
  opacity: 1;
  animation: txt-rot .5s ;
  -moz-animation: txt-rot .5s ;
  -webkit-animation: txt-rot .5s ;
  -o-animation: txt-rot .5s ;
}
@media (max-width:1366px) {
  .part1-txt1 { top: 175px;}
  .part1-txt2 { top:154px;}
  .part1-txt3 {top :197px;}
  .part1 .part1-bot{bottom:10px}
  .part4-left h2{ padding-top: 20px;}
  .part4-left > p{ margin-bottom: 10px;}
}
@media  (max-width:1280px) {
  .part1-txt1 { top: 175px;}
  .part1-txt2 { top:154px;}
  .part1-txt3 { top:197px;}
  .part1 .part1-bot{bottom:10px}
  .part4-left h2{ padding-top: 20px;}
  .part4-left > p{ margin-bottom: 10px;}
}

/* ======= part2======= */
.part2{  background:url(../images/part2-bg.jpg) #01182b no-repeat  center 0px ;  background-size: 100% ;
  color: #fff; position: relative;}
.part2 .btnDetail{  position: absolute; bottom: 50px; left: 50%; margin-left: -80px;}
.img1{ margin-top: 0px; opacity: 0;}
.img3{ margin-top: 0px;opacity: 0;}
.img2{ margin-top:0px;opacity: 0;}
.img4{ margin-top: 0px;opacity: 0;}
@-webkit-keyframes img-rot{
  from {margin-top: 0px; opacity: 0;}
  to {margin-top: 250px;opacity: 1;}
}

.img-rot{
  margin-top: 250px;
  opacity: 1;
  animation: img-rot .3s ;
  -moz-animation: img-rot .3s ;
  -webkit-animation: img-rot .3s ;
  -o-animation: img-rot .3s ;
}
@-webkit-keyframes img-rot2{
  from {margin-top: 0px; opacity: 0;}
  to {margin-top:320px; opacity: 1;}
}
.img-rot2{
  margin-top: 320px;
  opacity: 1;
  animation: img-rot2 .6s ;
  -moz-animation: img-rot2 .6s ;
  -webkit-animation: img-rot2 .6s ;
  -o-animation: img-rot2 .6s ;
}
.btnDetail{ display:inline-block; border: 1px solid  #fff; width: 160px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px;border-radius: 8px;}
.btnDetail img{ margin-left: 5px;}
/* ======= part3======= */
.part3{  background:url(../images/part3-bg.jpg)  no-repeat ;  background-size: 100% 100%; color: #fff; position: relative; z-index: 999;}
.part3 .earth{position: absolute;top:50%; margin-top: -200px; left: 50%; margin-left: -180px; width: 362px; height: 363px; background: url(../images/part3-earth.png) no-repeat;background-size: 100%;}
.part3 .earth-logo{position: absolute;top:50%; margin-top: -80px; left: 50%; margin-left: -165px; }
.part3 .btnDetail{ position: absolute; bottom: 50px; left: 50%; margin-left: -80px;}
@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
.rotation{
  -webkit-transform: rotate(360deg);
  animation: rotation 15s linear infinite;
  -moz-animation: rotation 15s linear infinite;
  -webkit-animation: rotation 15s linear infinite;
  -o-animation: rotation 15s linear infinite;
}
/* ======= part4======= */
.part4{  background:url(../images/part4-bg.jpg)  #1c1d21 no-repeat center 80px;  background-size: 100% ; color: #fff; position: relative; z-index: 999;}
.part4-left{ width: 45%; margin-top: 25%;margin-left: -500px; opacity: 0;}
.part4-left .item p{font-size: 20px; margin-top: 15px; }
.part4-left h2{ padding-left: 50px; padding-top: 60px;font-weight: normal;}
.part4-left > p{padding-left: 50px; margin-bottom: 50px;}
@-webkit-keyframes part4-rot{
  from {margin-left: -500px; opacity: 0;}
  to {margin-left: 0px; opacity: 1;}
}
.part4-rot{
  margin-left: 0px; opacity: 1;
  animation: part4-rot .5s  1 ;
  -moz-animation: part4-rot .5s 1 ;
  -webkit-animation: part4-rot .5s 1 ;
  -o-animation: part4-rot .5s 1 ;
}
/* ======= part5======= */
.part5{ text-align: center; background: #f0f0f0; padding-top: 50px; padding-bottom: 30px;}
.part5 img{ margin: 20px auto; height: 70px;}
.part5 p{ font-size: 16px; color: #666; margin-bottom: 10px; margin-top: 30px;}
.part5 p a{ color: #666; padding: 0 30px;}
/* ======= s-page======= */
.s-page .navbar-nav{ float: right;}
.s-page .navbar-nav a{ color: #666; padding:20px;}
.s-page .navbar-nav .active a{color: #165385}
.nav>li{ position: inherit;}
.header .main-nav .nav .nav-item.active .sMenu{ display: block; }
.header .main-nav .nav .nav-item.active .sMenu a{ color: #666;}
.header .main-nav .nav .nav-item.active .sMenu a.active{ color: #165385;}
.sMenu{  height: 90px; line-height: 90px; width: 100%; text-align: right; position: absolute;top:100px; left: 0px; background: #fff; display: none;border-top:1px solid #e7e7e7; z-index: 999;}
.sMenu a{font-size: 14px; color: #666; padding: 0 35px; margin: 0px 40px;}
.sbanner{ width: 100%; }
.sbanner img{ width: 100%;}
.sbannerMt{ margin-top: 90px;}
.sTitle{ text-align: center; padding-top: 30px;border-bottom: 1px solid #cacaca;}
.sTitle div{ display: inline-block; padding: 0 120px;  line-height: 65px;}
.sTitle div font{ display: block; padding: 0 15px; border-bottom: 4px solid  #009a53;font-size: 22px;}
.imgbox-zhzf{ padding: 60px 0; position: relative; margin-bottom: 120px;}
.imgbox-zhzf img{ margin: 0 auto;}
.imgbox-zhzf .txtbox{ position: absolute;}
.imgbox-zhzf .txtbox h1{font-size: 30px; margin-bottom: 15px; text-align: left;}
.imgbox-zhzf .txtbox h1 em{width: 30px; height: 15px; display: block; margin-bottom: 10px;}
.imgbox-zhzf .txtbox h1 em.sbox1{ background: #306fa5;}
.imgbox-zhzf .txtbox h1 em.sbox2{ background: #178583;}
.imgbox-zhzf .txtbox h1 em.sbox3{ background: #d59f21;}
.imgbox-zhzf .txtbox p{line-height: 1.5; font-size: 18px; text-align: left;}
.imgbox-zhzf .txtbox1{top:50px;right:0px}
.imgbox-zhzf .txtbox1{ padding-left: 45px; }
.imgbox-zhzf .txtbox2{top:210px; left:-50px; }
.imgbox-zhzf .txtbox3{bottom:40px; left:220px}
.footer{ background: #f0f0f0; padding-top: 60px;  background: url(../images/bottombg.jpg) #f0f0f0 no-repeat top ;
  background-size: 100%;}
.imgbox-huiyuan{padding: 60px 0; padding-top: 5px; position: relative; margin-bottom: 120px;}
.imgbox-huiyuan p{font-size: 24px; color: #1c4970;line-height: 1.5; text-align: left; padding: 0 110px; padding-top: 240px; text-align: center; }
.imgbox-huiyuan .img-left{ height: 588px; background: #fff;}
.imgbox-huiyuan .img-left img{ float: left;}
.imgbox-huiyuan .img-Right img{ float: right;}
.imgbox-jzyx{ padding: 120px 0;}
.imgbox-jzyx .item p{ margin: 0 auto;  color: #1c4970; padding: 20px  40px;font-size: 16px; line-height: 1.8;}
.marketingDetail{ width: 100%; height: 520px;  text-align: center; background: url(../images/bg-zhyx.jpg) no-repeat; background-size: 100% 100%;}
.marketingTxt{ width: 55%; padding-top: 30px;}
.marketingTxt li{ margin: 30px 0; list-style: none;}
.marketingTxt li h2{font-size: 18px; color: #fff; line-height: 1; margin:0; text-align: right;}
.marketingTxt li h2 img{ vertical-align: middle; margin-left: 15px;}
.marketingTxt li p{ color: #c5fffd; font-size: 16px; text-align: right; padding-right: 48px; line-height: 1.5;}
.imgbox-card{ background: #f7f7f7; margin-bottom: 50px;height: 330px; margin-top: 100px; }
.imgbox-card .item{  padding: 0px;}
.imgbox-card p{ padding: 0 60px; color: #999;font-size: 16px; line-height: 30px;}
.imgbox-card h2{font-size: 30px; margin: 20px 0;}
.imgbox-card .text-center{ padding-top: 55px;}
.imgBoxRight .imgbox{ float: right;}
.cardInfo{ margin-top: 100px; }
.cardInfo .item{ border-radius:10px; background: #fff; padding: 60px 0;}
.cardInfo p{ padding: 20px 60px;font-size: 16px; color: #333;line-height: 1.5;}
.cardInfo em{ width: 140px; height: 140px; display: inline-block; margin-bottom: 20px; background: url(../images/icon/icon-card-bot.png);}
.cardInfo em.icon02{ background-position: 0 -140px;}

.imgbox-AI{ padding: 70px 0; position: relative;}
.imgbox-AI .txtbox{ width: 430px; position: absolute;top:260px; right: 0; }
.imgbox-AI .txtbox h1{ color: #666; font-size: 26px; margin-bottom: 20px; font-weight: normal; }
.imgbox-AI .txtbox p{font-size: 16px; color: #666;line-height: 1.8;}
.imgbox-shangwu{ padding: 60px 0;margin-left: -110px;}
.imgbox-shangwu .col-md-4{ padding: 0px; }
.imgbox-shangwu .item{ margin-left: 110px; border-top:5px solid #009e68;  padding: 70px 0; background: #fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);}
.imgbox-shangwu .item h2{font-size:18px; color: #999; margin-top:60px;}
.imgbox-shangwu .item p{font-size:30px; color: #333; line-height: 90px;}
.imgbox-shangwu .gzh{ background: #2ab384;}
.partnerList ul{ margin-left: -70px;}
.partnerList li{ margin:30px 0px; margin-left:50px;  float: left; list-style: none;}
.partnerList li img{ width: 98px; height: 98px;}
.partBot{ background: #f7f7f7; line-height: 60px; text-align: center;font-size: 18px; color: #ccc;}
.showCom{  padding-left:40px; padding-top: 40px; float: left; width: 450px;}
.comtitle{ text-align: center; display: inline-block;margin-left: 50px; line-height: 60px; color: #1c4970; font-size:18px; margin-bottom:50px;}
.showCom p{ line-height: 30px; font-size: 16px;color: #999;}
.showCom p img{display: inline-block; vertical-align: middle; margin-right: 5px;}
.showCom p span{margin-left: 24px;color: #333;display:block;margin-top: -10px;}
.addrMap{ background: #f7f7f7; height: 442px; margin-top: 150px;}
.addrMap .mapimg{ float: right;}
.aboutHd{ position: absolute;top:0px; left: 0px; z-index: 999; width: 100%; background: rgba(255,255,255,.5);}
.imgbox-about{ margin-top: 80px;}
.imgbox-about .item{ margin:  0px; padding: 0; height: 400px;}
.imgbox-about p{ font-size: 20px; color: #666; line-height: 1.8;  padding: 0 80px;}
.imgbox-about .item > img{ width: 100%;}
.imgbox-about .bigFont{font-size: 60px; color: #1c4970; margin-right:20px;}
.imgbox-about p span{ display: inline-block; height: 50px; padding: 0 50px; line-height: 50px; background: #1c4970; border-radius: 30px; color: #fff;font-size: 16px;}
.imgbox-about p span font{color: #12eb87;}
.imgbox-about .first-p{ padding-top: 90px;}
.imgbox-about .item.bg-gray{ background: #f7f7f7; }
.imgbox-about .item.fourth-item{background: linear-gradient(to right, #1c4970 0%,#2a6ea8 100%); padding-top: 50px;}
.imgbox-about .item.fourth-item p{ color: #fff; text-align: center;font-size:16px;}
.imgbox-about .item.fourth-item p img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.imgbox-about .item.fourth-item h2{font-size: 30px; }
.imgbox-about .item.fourth-item h2 font{ font-size: 60px;}
.imgbox-about .item.fourth-item{ color: #fff;}
.imgbox-about .item.fourth-item .col-md-2{ width: 50%; margin-top: 20px;}
.imgbox-about .itemtxt p{ padding-top: 160px;}
.pcShow{ display: block;}
.mobShow{ display: none;}
.pt300{ padding-top: 300px;}
.comInfo{ padding-bottom: 40px; background: #f6f7f7; margin-bottom: 50px;}
.comInfo .title{font-size: 24px; color: #333; text-align: left; line-height: 70px; padding-left: 20px;}
.comInfo p{ margin: 60px 0; font-size: 16px; color: #1c4970; text-align: left; line-height: 1.8; padding: 0 20px;}
.comInfo p img{ margin-right: 10px; vertical-align: middle;}
.imgbox-system{ width: 1200px; height: 685px; background: url(../images/img-lingguan.jpg) no-repeat; margin: 120px auto;}
.imgbox-system .txt{ float: left; padding-left: 120px; padding-top:120px;color: #fff;}
.imgbox-system .txt h2{ font-size: 30px;  line-height: 100px;}
.imgbox-system .txt p{font-size: 14px; line-height: 50px; background: url(../images/icon/icon-dot.png) no-repeat left center; padding-left: 28px; text-align: left;}
.carousel-control{ display: none;}
.carousel-indicators li{ border: none; background: #fff; margin: 5px; width: 12px;  height: 12px;}
.carousel-indicators .active{ background: #95c940; border: none;margin: 5px;}
/*service*/
.serviceList{ text-align: center; }
.serviceList .col-md-3{ padding: 0 5px;}
.serviceList .item { padding: 20px 0; background: #f6f6f6;  padding-bottom: 30px;}
.serviceList .item .num{ display: block; text-align: center;  padding: 5px 0;}
.serviceList .item .num font{ display: inline-block; width: 100px; height: 100px; background: url(../images/icon/icon-sevice.png) no-repeat;}
.serviceList .item .num font.icon2{ background-position: 0px -100px;}
.serviceList .item .num font.icon3{ background-position: 0px -200px;}
.serviceList .item .num font.icon4{ background-position: 0px -300px;}
.serviceList .item .num font.icon5{ background-position: 0px -400px;}
.serviceList .item .num font.icon6{ background-position: 0px -500px;}
.serviceList .item .num font.icon7{ background-position: 0px -600px;}
.serviceList .item .num font.icon8{ background-position: 0px -700px;}
.serviceList .item .num font.icon9{ background-position: 0px -800px;}
.serviceList .item .num font.icon10{ background-position: 0px -900px;}
.serviceList .item p{font-size:16px; line-height: 1.5; color: #666; text-align: center; padding: 0 35px;}
/*img*/
.pcImg{ display: block !important;}
.MobImg{ display: none  !important;}
/*swiper*/
.swiper-content  .right{ float: left;}
.swiper-content .left{ float: right;}
.swiper-content {
  width: 100%;
  display: block;
  margin: 0 auto;
  align-items: center;
  padding: 3.125rem 0;
  min-height: 50rem;
}

.swiper-content .left {
  width:50%;
  position: relative;
}

.swiper-content .left .swiper-container {width: 319px;height:631px;position: relative;}

.swiper-content .left .swiper-container .block {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-content .left .swiper-container .block img {width: 273px;height:591px; object-fit: contain;}

.swiper-content .left .swiper-container .phone {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.swiper-content .left .prev-btn, .swiper-content .left .next-btn {
  width: 1.5rem;
  height: 2.5rem;
  top: calc(50% - 2.5rem/2);
  position: absolute;
  cursor: pointer;
}

.swiper-content .left .prev-btn {
  left: 0;
  background: url("../images/arrow-left.png") no-repeat;
  background-size: cover;
}

.swiper-content .left .next-btn {
  right: 0;
  background: url("../images/arrow-right.png") no-repeat;
  background-size: cover;
}

.swiper-content .right {
  width: 50%;
  overflow: hidden;
}

.swiper-content .right .swiper-container-1 .swiper-slide {

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

}

.swiper-content .right .swiper-container-1 .swiper-slide .block {
  width: 90%;
  margin-left: 10%;
}

.swiper-content .right .swiper-container-1 .swiper-slide .block span {
  width: 100%;
  font-size: 2.5rem;
  color: #fb851d;
  text-align: center;
  height: 6.25rem;
  line-height: 6.25rem;
}

.swiper-content .right .swiper-container-1 .swiper-slide .block p {
  font-size: 1.25rem;
  line-height: 1.875rem;
  width: 100%;
  display: block;
  color: #666666;
  margin-bottom: 1.875rem;
}

.right-txt{ text-align: right; padding-right: 160px; margin-top: 30px;}
.right-txt em{ display: inline-block; width: 45px; height: 45px; background: url(../images/icon/icon-yxq.png) no-repeat;}
.right-txt em.icon1{background: url(../images/icon/icon-yxq.png)}
.right-txt em.icon2{background: url(../images/icon/icon-jifen.png)}
.right-txt em.icon3{background: url(../images/icon/icon-yx.png)}
.right-txt em.icon4{background: url(../images/icon/icon-lx.png)}
.txt-active em.icon1{background: url(../images/icon/icon-yxq-current.png)}
.txt-active em.icon2{background: url(../images/icon/icon-jifen-current.png)}
.txt-active em.icon3{background: url(../images/icon/icon-yx-current.png)}
.txt-active em.icon4{background: url(../images/icon/icon-lx-current.png)}
.right-txt h2{font-size: 18px; color: #333;}
.right-txt p{font-size: 14px; color: #999;}
.right-txt h2 font{ display: none;}
.txt-active h2{ color: #1c4970;}
.swiper-container-1{ height: 780px;}
.pcShow .swiper-wrapper{ display: block;}

.shopswiper .right{ float: left;}
.shopswiper .left{ float: right;}
.shopswiper{ background: url(../images/shop-swiperbg.png) no-repeat center; background-size: 100%;}
.shopswiper .swiper-content .left .swiper-container{ width: 642px; height: 370px;}
.shopswiper .swiper-content .right{ width: 45%;}
.shopswiper .swiper-content .left{ width: 55%;}
.shopswiper .swiper-container-1{height: 370px;}
.shopswiper .swiper-content .left .swiper-container .block img{ width: 504px; height: 284px;}
.shopswiper .swiper-content .right .swiper-container-1 .swiper-slide .block p {font-size: 20px; text-align: left; line-height: 32px;}
.shopswiper .swiper-slide-active .right-txt h2{ color: #1c4970; font-size: 36px; text-align: left;font-weight: normal; margin-bottom: 30px;}
.imgbox-zhzf .right-txt{ text-align: left; padding-right: 0px; padding-left: 120px; margin-bottom: 80px;}
.imgbox-zhzf .right-txt h2{ font-weight: bold; color: #333;}
.imgbox-zhzf .right-txt em{ display: inline-block; width: 45px; height: 45px; background: url(../images/icon/icon-pay01.png) no-repeat;}
.imgbox-zhzf .right-txt em.icon1{background: url(../images/icon/icon-pay01.png)}
.imgbox-zhzf .right-txt em.icon2{background: url(../images/icon/icon-pay02.png)}
.imgbox-zhzf .right-txt em.icon3{background: url(../images/icon/icon-pay03.png)}
.imgbox-zhzf .txt-active em.icon1{background: url(../images/icon/icon-pay01-current.png)}
.imgbox-zhzf .txt-active em.icon2{background: url(../images/icon/icon-pay02-current.png)}
.imgbox-zhzf .txt-active em.icon3{background: url(../images/icon/icon-pay03-current.png)}
.imgbox-zhzf .txt-active h2{color: #1c4970;}
.imgbox-zhzf .swiper-content .left .swiper-container{ width:265px; height: 766px;}
.imgbox-zhzf .swiper-content .left .swiper-container .block img{ width: 214px; height: 378px;}
.imgbox-zhzf .left{ /*background: url(../images/pos/posbg.jpg) no-repeat top;*/}
.imgbox-zhzf .swiper-content .right{ width: 50%; float: right;}
.imgbox-zhzf .swiper-content .left{ width: 50%; float: left;}
.comInfopage,.comVideo{ background: #232325;}
.comInfopage .main-nav .nav .nav-item{border-top-color: #232325;}
.comInfopage .main-nav .nav .nav-item.active a{ color: #009a53;}
.comInfopage .main-nav .nav .nav-item.active{ border-top-color: #009a53;}
.comInfopage .main-nav .nav .nav-item:hover a{color: #009a53;}
.comInfopage .sMenu{background: #232325;border-top-color: #333333;}
.comInfopage .main-nav .nav .nav-item.active .sMenu a.active{color: #009a53;}
.comVideo,.aboutbanner{  margin-top:0px;}
.videoTitle{ line-height: 70px;font-size: 18px; color: #fff;}
.videoTitle font{color: #009a53;font-size: 24px;}
.seviceBox{ margin-top: 50px;}
.seviceboxLeft{ width: 80px;float: left; background: #235E93; font-size: 20px; color: #fff; padding: 0 30px; text-align: center;height: 450px; display: flex;align-items: center;}
.seviceboxRight{ width: 1120px; float: left; background: #F7F7F7;  height: 450px;}
.seviceBox2 .seviceboxLeft,.seviceBox2 .seviceboxRight{ height: 240px;}

/*发展历程*/
.develop{ margin: 50px auto;}
.develop .list{background: url(../images/develop/linebg.jpg) repeat-y center;height: 150px; overflow: hidden; padding: 15px 0;}
.develop .listbox{ height: 130px; overflow: hidden; float: left;}
.develop .listbox > div{float:left;vertical-align: middle; justify-content: center;}
.develop .listbox img{ margin-right: 20px;}
.develop .listbox .txt{ margin-right: 10px;width: 328px; text-align: right;vertical-align: middle; flex: 1; align-items: center;}
.develop .listbox .txt h2{font-size: 20px; color: #1c4970; padding-right: 25px;font-weight:bold;margin: 0; line-height: 2;}
.develop .listbox .txt .txtInfo{font-size: 14px; line-height:1.5;}
.develop .listbox .txt .txtInfo p{ padding: 10px; margin: 0; text-align: right; vertical-align: middle; padding-right: 40px;}
.develop .listbox .txt .txtInfo  img{display: inline-block; vertical-align: middle;}
.develop .listbox .txt .bgblue{ background:url(../images/develop/bluebg.png) no-repeat;background-size: 100% 100%; color: #fff;}
.develop .listbox .txt .borderblue{ background:url(../images/develop/borderbg.png) no-repeat;background-size: 100% 100%; color:#1c4970;}
.develop .listbox .txt .arrowRight{transform: rotate(180deg); }
.develop .listbox .txt .arrowRight p{transform: rotate(180deg); padding-right:30px; padding-left: 30px;}
.develop .listbox .w320{ width: 320px;}
.develop .listbox .year{ width: 60px; height: 60px; margin-top: 40px; background: #fff; line-height:54px; border-radius:80px;border: 3px solid #ccc; text-align: center;font-size: 18px; color: #009a53;font-weight: bold; vertical-align: middle;}
.develop .listbox .dot{width:55px; height: 130px;line-height:130px; text-align: center;}
.develop .listbox .dot img{ vertical-align: middle;margin: 0;}
.develop .boxLeft .txtInfo { text-align: right;}
.develop .boxLeft .txtInfo img{transform: rotate(180deg); margin-right:-1px;}
.develop .boxRight{ float: right;}
.develop .boxRight > div{float: right;}
.develop .boxRight img{ margin-left: 20px; margin-right: 0px;}
.develop .boxRight .txt{ margin-left: 0px; text-align: left; }
.develop .boxRight .txt .txtInfo{ text-align: left;padding-right: 0;margin-left: 10px;}
.develop .boxRight .txt h2{padding-left: 25px;}
.develop .boxRight .txt .txtInfo p{text-align: left;padding-left: 40px;}
.develop .boxRight .dot{width:42px;padding-right:12px;padding-top:5px}
.develop .list .mt{margin-top: -150px;}
.developTitle{ margin-top: 85px;}
.ushi{text-align: center;padding: 20px 0;}
.ushiList li{width: 25%;float: left;text-align: center;list-style: none;}
.ushiList li .imgbox{margin: 0 15px; height: 190px;box-shadow: 0px 2px 10px 0px rgba(0, 164, 131, 0.1);border-radius: 3px;}
.ushiList li .imgbox img{margin-top:30px;}
.ushiList li .imgbox p{font-size: 16px;color: #666;margin-top:20px;}
.ushiList li:hover .imgbox{border: 1px solid #00a483;}
.imgbox-dapingji{padding-right: 400px;position: relative;}
.imgbox-dapingji .txt{width: 420px; text-align: left;position: absolute;right:10px;top:150px}
.imgbox-dapingji .txt h2{ font-size: 30px;  line-height: 100px;color:#1c4970;}
.imgbox-dapingji .txt p{font-size:20px;color: #999; line-height: 50px; background: url(../images/icon-dot-gray.png) no-repeat left center; padding-left: 28px; text-align: left;}
/*宣传页*/
.head{height: 60px;line-height: 60px;padding: 0 40px;}
.topbanner{width: 100%; height: 480px; background: url(../../images/homePage/indexbanner.png) no-repeat;background-size: 100% 100%;}
.head span{display: inline-block;vertical-align: middle;}
.head .loginbtn{float: right;}
.head .loginbtn a{display: inline-block;line-height: 30px;font-size: 14px;color: #fff;padding: 0 25px;border-radius: 50px;border:1px solid #fff}
.head .logo{padding-right: 30px;background: url(../../images/homePage/menuLine.png) no-repeat center right;}
.head .logo img{margin-right: 15px;vertical-align: middle;}
.head .topMenu{margin-left: 10px;}
.head .topMenu a{display: inline-block; line-height: 60px; font-size: 14px;padding: 0 20px;text-align: center;color: rgba(255,255,255,.4);}
.head .topMenu a.current{ color: #fff;}
.publicity .btnApply{text-align: center;margin-top: 240px;}
.publicity .btnApply a{margin-left:150px; display: inline-block;line-height: 40px;padding: 0 40px;font-size: 16px;text-align: center;color: #fff;border-radius: 50px;background:#0081ee;}
.publicity .part1{background: #fff;text-align: center;padding-bottom: 70px;}
.publicity .pTit{padding: 40px 0;text-align: center;}
.publicity .pTit h2{font-size: 20px;color: #333;margin-bottom: 13px;font-weight: bold;}
.publicity .pTit p{font-size: 12px;color: #999;}
.publicity .part1  ul{margin-top: 20px;width: 100%;text-align: center;}
.publicity .part1  li{width: 270px; display: inline-block;margin: 0 20px;text-align: center;background: #FAFBFD;padding: 20px 0;}
.publicity .part1  li h2{font-size: 18px;color: #333;margin-top: 20px;font-weight: bold;}
.publicity .part1  li p{font-size: 14px;margin-top: 10px;color: #666;}
.publicity .part2{background:#fafbfd;padding-bottom: 70px;}
.publicity .part2 .cont{width: 1200px; height: 530px; margin:0 auto;background: url(../../images/homePage/part5bg.png) no-repeat center center; position: relative;}
.publicity .part2 .cont h2{font-size: 14px;color: #333;margin-bottom:10px;}
.publicity .part2 .cont p{font-size: 12px;color: #999;line-height: 1.8;}
.publicity .part2 .contbox{height: 95px;width: 350px;position: absolute;}
.publicity .part2 .contbox .imgbox{padding: 0 5px;float: left;}
.publicity .part2 .contbox .txtbox{margin-top: -15px;}
.publicity .part2 .contCenter{text-align: center;}
.publicity .part2 .cont1 .imgbox,.publicity .part2 .cont2 .imgbox{float: right;}
.publicity .part2 .cont1 .txtbox,.publicity .part2 .cont2 .txtbox{text-align: right;}
.publicity .part2 .cont1{top:88px;left:100px;}
.publicity .part2 .cont2{top:345px;left:80px;}
.publicity .part2 .cont3{top:88px;right:100px;}
.publicity .part2 .cont4{top:345px;right:80px;}
.publicity .part2 .contCenter{padding-top: 120px;}
.publicity .part3{padding-bottom:0px;background:none;}
.publicity .part3 .productInfo{width: 1200px;margin: 0 auto;padding: 0;}
.productInfo .left .swiper-container .block img{width: 646px;height: 370px;}
.productInfo .left .swiper-container{width: 646px;height: 370px;}
.productInfo .right-txt{width: 480px; margin-top: 0; text-align: left;padding-right:20px;height: 140px;padding-left: 24px;padding-top:15px;box-sizing: border-box;}
.productInfo .right-txt h2{font-size: 14px; color: #333; padding-left: 30px;background: url(../../images/homePage/icon-txth.png) no-repeat left center;margin-top:10px;line-height: 28px;}
.productInfo .txt-active{background: url(../../images/homePage/txtboxbg.png) no-repeat;}
.productInfo  .left{width:55%;}
.productInfo  .right{width:45%;}
.productInfo  .swiper-container-1{height: auto;}
.publicity .part3 .tab{padding: 0px 0px;border-bottom: 1px solid #EEEEEE;width: 1200px;margin: 0 auto;text-align: center;margin-bottom: 60px;}
.publicity .part3 .tab a{display: inline-block;text-align: center;padding: 0 38px;border-right: 1px solid #EEEEEE;line-height: 1;font-size: 14px;color: #666;}
.publicity .part3 .tab span{display: inline-block;padding: 20px 0;}
.publicity .part3 .tab span.current{font-weight: bold;color: #0081EE;border-bottom: 2px solid #0081EE;}
.publicity .part3 .tab span.current a{color: #0081EE;}
.secPage .head{background: linear-gradient(0deg, rgba(3, 0, 0, 0) 0%, rgba(3, 0, 0, 0.63) 100%);position: fixed;left:0px;width: 100%;box-sizing: border-box;top: 0px;z-index: 999;}