@media (max-width:768px){
	.container{ width: 100%;}
	.header{ padding: 0px 0;}
	.header .container{ padding-right: 0;}
	.header h1.logo a img{ height: 25px; margin-top: 10px; margin-left: 10px;}
	.header .main-nav .nav .nav-item a{  padding: 10px;}
	.part1{ background: url(../images/mobile/part1-bg.jpg) center; background-size: 100% 100%;  }
	.part1 .part1-bot{top:40%; bottom: auto;}
	.part1-bot > img{ width: 80%; margin: 0 auto;}
	.part1-txt1 { display: none;}
    .part1-txt2 { display: none;}
    .part1-txt3 { display: none;}
    .part2{background: url(../images/mobile/part2-bg.jpg);background-size: auto 100%; position: relative; }
	.img1{ margin-top: 0px; opacity: 0;}

.footer{ margin-top: 50px;}
@-webkit-keyframes img-rot{
from {margin-top: 0px; opacity: 0;}
to {margin-top: 120px;opacity: 1;}
}

.img-rot{
	margin-top: 120px;
	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:120px; opacity: 1;}
}
.img-rot2{
	margin-top: 120px;
	opacity: 1;
animation: img-rot2 .6s ;
-moz-animation: img-rot2 .6s ;
-webkit-animation: img-rot2 .6s ;
-o-animation: img-rot2 .6s ;
}
.btnDetail{font-size: 16px; width: 130px; height: 40px; line-height: 35px; border-radius: 5px;}
.part2 .item{float: left; height: 200px;}
.part2 .item img{ width: 100%;}
.part2 .col-md-3{ width: 50%; }
.part2 .btnDetail{ margin-left: -65px;}
.part3{background: url(../images/mobile/part3-bg.jpg) center center;background-size: auto 100%; }
.part3 .earth{ width:250px; height: 250px; margin-left: -125px; margin-top: -125px;}
.part3 .earth-logo{ width: 250px; height: 120px; margin-left: -125px; margin-top: -72px;}
.part3 .btnDetail{ margin-left: -65px;}
.part4{ background: #1b1c20;background-size: auto 100%; }
.part4 .MobImg { width: 100%;}
.part4 .part4-left{  margin-left: 0px;width: 100%;  margin-top: 10px;}
.part4-left .item p{ font-size: 12px; color: #666;}
.part4 .item{ margin-bottom: 20px; text-align:  center;  width: 33.33333333%; float: left;  }
.part4 .item img{ width:50px;}
.part4-left h2{ padding-top: 0px;font-size: 15px; text-align: center; padding-left: 0; margin-top:0}
.part4-left > p{ padding: 0; text-align: center; margin-bottom: 20px; font-size: 10px; color: #666;}
.part5 p { font-size: 12px;}
.part5 p a{ padding: 0 10px;}
.sTitle{ padding-top: 0; margin: 0 20px;}
.sTitle div{ padding: 0 0px; line-height: 60px;}
.sTitle div font{ border-width: 3px;font-size: 18px;}
.imgbox-zhzf{ padding: 0;  margin-bottom: 0;}
.imgbox-zhzf > img{ width: 80%; margin: 0 auto;  margin-bottom: 25px;}
.imgbox-zhzf .txtbox{ position:initial;}
.imgbox-zhzf .txtbox1{ padding-left: 10px;}
.imgbox-zhzf .txtbox2{ padding-left: 10px;}
.imgbox-zhzf .txtbox3{ padding-left: 10px;}
.imgbox-zhzf .txtbox h1{ font-size: 16px; text-align: center; line-height: 1.5; margin-bottom: 0;}
.imgbox-zhzf .txtbox h1 em{ display: inline-block; width: 6px ; height: 15px; vertical-align: middle; margin-right: 5px;margin-bottom: 0;}
.imgbox-zhzf .txtbox p{font-size: 12px; color: #666; text-align: center;}

.sbanner{ margin-top: 0;}
.sMenu { height: auto; line-height: 36px; position: static; }
.sMenu  a{ display: block; padding: 0; text-align: left; }
.header .main-nav .nav .nav-item.active a{color: #666;}
.header .main-nav .nav .nav-item.active .sMenu .active { color: #165385;}
.imgbox-huiyuan { margin-bottom: 0; padding-top: 0;}
.imgbox-huiyuan .img-left{ height: auto;}
.imgbox-huiyuan .img-left img{ float: none; width: 100%;}
.imgbox-huiyuan .img-Right{ height: auto;}
.imgbox-huiyuan .img-Right img{ float: none; width: 100%;}
.imgbox-huiyuan p{ padding: 10px 20px; font-size: 16px;}
.imgbox-jzyx{ padding: 20px;}
.imgbox-jzyx .item p{  padding: 10px 0; margin-bottom: 50px;}
.imgbox-jzyx img{ width: 80px;}
.marketingDetail{ background: #00967b; background-size:auto 100%; height: auto; }
.marketingTxt{ width: 100%; padding-top: 0px;}
.marketingTxt li h2 { height: 20px; text-align: left; line-height: 1.5; padding-left: 0;font-size: 12px;}
.marketingTxt li h2 img{ float: left;  vertical-align: middle; margin-left: -5px; width: 20px; margin-right: 5px;}
.marketingTxt li p{ padding-right: 0; text-align: left; padding-left: 20px; font-size: 10px;}
.imgbox-card{ padding-bottom: 10px; margin:15px;height: 350px;}
.imgbox-card .imgbox img{ width: 100%;}
.imgbox-card p{ padding: 0; margin-bottom: 15px;}
.imgbox-card h2{font-size: 16px; margin: 10px 0;}
.imgbox-card p{font-size: 12px; line-height: 1.5; padding: 0 20px;}
.imgbox-card .text-center{ padding-top: 10px;}
.imgbox-card .text-center img{ width: 32px;margin-top:10px;}
.imgBoxRight .imgbox{ float: left;}
.cardInfo{ padding-top: 30px; margin-bottom: 0px; width: 100%; margin-top: 10px; }
.cardInfo  .item{ margin-bottom: 15px; padding: 30px 0;}
.cardInfo .zan{ width: 60px; left: 20px; top:-30px}
.cardInfo p{ padding: 10px 20px;font-size: 14px;}
.cardInfo p img{ float: left; margin-left: -25px; width: 16px; margin-right: 10px;}
.cardInfo .item{ background: #1c4970;}
.cardInfo .item p{ color: #fff;}
.cardInfo .item em{ width: 70px; height: 70px;  background-image: url(../images/icon/icon-card-bot-current.png); background-size: 100%;}
.cardInfo .item em.icon02{ background-position: 0 -140px;}
.imgbox-card p{ margin-bottom: 30px;}
.imgbox-system{ margin-top: 20px ; width: 100%; height: 250px; background:none;}
.imgbox-system  img{  width: 100%;}
.imgbox-system h2{display: none;}
.imgbox-system .txt{ float: none; padding: 0; color: #1c4970;}
.imgbox-system .txt p{ line-height: 26px; background: url(../images/mobile/dotblue.png) no-repeat left  center; background-size: 6px; margin-left: 40px; padding-left: 15px;}
.imgbox-AI{ padding: 30px 0; text-align: center;}
.imgbox-AI img{ width: 95%;}
.imgbox-AI .txtbox{ position: initial; width: 100%;}
.imgbox-AI .txtbox h1{ text-align: center;}
.imgbox-AI .txtbox  p{ text-align: center;}
.imgbox-shangwu{ padding: 30px 0px; margin: 0;}
.imgbox-shangwu .item{ padding: 25px 0;margin: 0 20px;}
.imgbox-shangwu .item h2{font-size: 16px; margin-top: 0;}
.imgbox-shangwu .item p{font-size: 12px; }
.imgbox-shangwu .item p{font-size: 16px; line-height: 30px; padding: 0 10px; word-wrap:break-word;word-break:break-all}
.partnerList{ overflow: hidden;}
.partnerList ul{ margin-right: 0; margin-left: 0px;}
.partnerList li{ margin: 0px; width: 33.33333333%; text-align: center; margin-top: 20px; }
.partnerList li img{  width: 70px; height: 70px;}
.partBot{ margin-top: 50px; font-size: 14px;}
.addrMap{ height: auto; padding:20px; margin-top: 50px;}
.showCom{ width: 100%; padding:0px;}
.showCom > img{ height: 30px;}
.showCom p{font-size: 12px; margin-bottom: 0;}
.addrMap .mapimg{ width: 100%; float: none;}
.showCom p img{ height: 16px;}
.showCom{ margin-bottom: 10px;}
.comtitle{  margin:5px 0;font-size: 16px; line-height: 40px; display: block; padding: 0; text-align: left;}
.imgbox-about{ margin-top: 40px; padding: 0 20px;}
.imgbox-about .item{ margin-bottom: 0;   height: auto;}
.imgbox-about .item img{ width: 100%; margin: 0 auto;}
.imgbox-about .first-p{ padding-top: 10px;  line-height: 1.5; }
.imgbox-about .bigFont{ margin-right: 0px; font-size: 24px;}
.imgbox-about p span{ padding: 0 20px; height: 40px; line-height: 40px; font-size: 14px;}
.imgbox-about p{ line-height: 1.2; margin-bottom: 10px;font-size: 14px; padding: 0 10px;}
.imgbox-about .item.fourth-item{ padding: 50px 0;}
.imgbox-about .item.fourth-item p img{ width:12px;}
.imgbox-about .item.fourth-item p{ font-size: 12px;}
.imgbox-about .item.fourth-item h2{font-size: 12px; margin: 0;}
.imgbox-about .item.fourth-item h2 font{font-size: 16px;}
.imgbox-about .item.fourth-item .col-md-2{ margin-top: 10px; padding: 0; float: left;}
.imgbox-about .itemtxt p{ margin: 0 10px;padding-top:30px;}
.imgbox-about .item.bg-gray{ padding-bottom: 15px;}
.pt300{ padding-top:50px;}
.comInfo{ padding-top:10px; margin-top: 0px;}
.comInfo > img{ width: 100%;}
.comInfo p{ margin: 20px 0;font-size: 16px;}
.comInfo p img{ width: 20px; margin-right: 10px;}
.pcShow{ display: none;}
.mobShow{ display: block;}
/*img*/
.pcImg{ display: none  !important;;}
.MobImg{ display: block  !important;;}
.imgbox-AI .txtbox h1{ font-size: 16px; margin-bottom: 10px;}
.imgbox-AI .txtbox p{ padding: 0 20px; font-size: 12px;}
.bomImg{ padding: 50px 0;}
/*sevice*/
.servicebg{ background: #fff;}
.serviceList{ padding-top: 30px;}
.serviceList .item{width:100%;background-image: -moz-linear-gradient( -180deg, rgb(39,107,167) 0%, rgb(28,73,112) 73%);
  background-image: -webkit-linear-gradient( -180deg, rgb(39,107,167) 0%, rgb(28,73,112) 73%);
  background-image: -ms-linear-gradient( -180deg, rgb(39,107,167) 0%, rgb(28,73,112) 73%); height: 100px;display: flex;
    align-items: center}
.serviceList .item .num{padding: 0px; float: left;  vertical-align: middle; margin:0 30px; }
.serviceList .item .num font{width:50px; height:50px; background-size: 100%; background-image: url(../images/icon/icon-sevice-current.png);}
.serviceList .item p{ font-size: 14px; color: #fff; padding-right:20px; padding-left: 0;}
.serviceList .item .num font.icon2{ background-position: 0 -50px;}
.serviceList .item .num font.icon3{ background-position: 0 -100px;}
.serviceList .item .num font.icon4{ background-position: 0 -150px;}
.serviceList .item .num font.icon5{ background-position: 0 -200px;}
.serviceList .item .num font.icon6{ background-position: 0 -250px;}
.serviceList .item .num font.icon7{ background-position: 0 -300px;}
.serviceList .item .num font.icon8{ background-position: 0 -350px;}
.serviceList .item .num font.icon9{ background-position: 0 -400px;}
.serviceList .item .num font.icon10{ background-position: 0 -450px;}
.carousel-indicators li{ width: 8px; height: 8px; margin: 3px;}
.carousel-indicators .active{ width: 8px; height: 8px;margin: 3px}
.carousel-indicators li{ width: 8px; height: 8px; margin: 3px;}
.carousel-indicators .active{ width: 8px; height: 8px;margin: 3px}
.seviceBox{ margin-top: 20px;}
.serviceList{ padding-top: 0;}
.seviceboxLeft{ width: 100%;float:none; background: #fff; font-size: 16px; color: #333; padding: 0 30px; text-align: center;display: block;align-items: center;height: auto;  line-height: 60px;}
.seviceboxRight{ width: 100%; float: none; background: #F7F7F7;  height: auto;}
.seviceBox2 .seviceboxLeft,.seviceBox2 .seviceboxRight{ height: auto;}

/*scroll Img*/

.swiper-content{ display: block;min-height: 140px; padding-bottom: 0;}
.swiper-content .right{ width: 100%; float: none;}
.swiper-content .left{ width: 100%; float: none;}
.swiper-content .right-txt{ padding: 0 20px; text-align: center; margin-bottom: 0;}
.shopswiper .swiper-content .left .swiper-container .block img{ width: 90%; height: auto;}
.shopswiper .swiper-content .left{ width: 100%; float: none;}
.shopswiper .swiper-content .right{ width: 100%; float: none;}
.shopswiper .swiper-content .left .swiper-container{ width: 320px; height:180px;}
.shopswiper .swiper-content .left .swiper-container .block img{ width: 252px; height:142px;}
.swiper-content .right .swiper-container-1 .swiper-slide .block{ width: 100%; margin: 0;}
.shopswiper .swiper-container-1{ height: 180px;}
.shopswiper .swiper-slide-active .right-txt { margin-top: 10px;}
.shopswiper .swiper-slide-active .right-txt h2{ font-size: 18px; text-align: center; margin: 0;}
.shopswiper .swiper-content .right .swiper-container-1 .swiper-slide .block p{font-size: 14px; text-align: center;}
.shopswiper{ background: no-repeat;}
.swiper-content .left .prev-btn{ left:20px}
.swiper-content .left .next-btn{right:20px}
.imgbox-zhzf .swiper-content .left{ width: 100%; float: none;}
.imgbox-zhzf .swiper-content .right{ width: 100%; float: none; margin-top: -50px;}
.imgbox-zhzf .swiper-container-1{height:180px}
.swiper-content .left .swiper-container {width: 160px;height:315px;position: relative;}
.swiper-content .left .swiper-container .block img {width: 140px;height:300px; object-fit: contain;}
.imgbox-zhzf .swiper-content .left .swiper-container{ width:135px; height:358px;}
.imgbox-zhzf .swiper-content .left .swiper-container .block img{ width: 106px; height: 190px;}
.imgbox-zhzf .left{ background-size: 220px;}
.imgbox-zhzf .right-txt h2{font-weight: normal; color: #1c4970;}
.imgbox-zhzf .swiper-content .left .prev-btn{ left:20px}
.imgbox-zhzf .swiper-content .left .next-btn{right:20px}
.imgbox-zhzf .right-txt em.icon1{background: url(../images/icon/icon-pay01-current.png)}
.imgbox-zhzf .right-txt em.icon2{background: url(../images/icon/icon-pay02-current.png)}
.imgbox-zhzf .right-txt em.icon3{background: url(../images/icon/icon-pay03-current.png)}
.marketingSwiper .mobShow{  margin-top: -60px;}
.marketingSwiper .right-txt { padding-top: 50px;}
.marketingSwiper .right-txt em{ display: none;}
.marketingSwiper .right-txt  h2{ font-size: 16px; }
.marketingSwiper .right-txt  h2 font{ display: inline-block; width: 20px; height: 20px;  vertical-align: middle; background-size: 100%; margin-right: 10px;}
.marketingSwiper .right-txt  h2 .icon1{background-image: url(../images/icon/icon-yxq-current.png)}
.marketingSwiper .right-txt  h2 .icon2{background-image: url(../images/icon/icon-jifen-current.png)}
.marketingSwiper .right-txt  h2 .icon3{background-image: url(../images/icon/icon-yx-current.png)}
.marketingSwiper .right-txt  h2 .icon4{background-image: url(../images/icon/icon-lx-current.png)}
.marketingSwiper .swiper-slide-active .right-txt h2{ color:#1c4970}
.comVideo, .aboutbanner{margin-top: 0;}
.videoTitle{ line-height: 40px;font-size:14px; color: #fff;}
.videoTitle font{color: #009a53;font-size:18px;}
.qywh img{ width: 100%;}
.develop { margin: 0;}
.develop .list{ background-position:15px; background-size:20px; position: relative; padding-left: 50px; height: auto; text-align: left;}
.develop .listbox{display: inline-block;float: none; width: 100%;}
.develop .listbox .year{ position: absolute;left:8px;top:35px; width: 35px;height: 35px;margin: 0; line-height: 35px; font-size: 12px;border-width: 1px;}
.develop .listbox .dot{ position: absolute;left:8px;top:35px; width: 35px;height: 35px; line-height: 35px;}
.develop .listbox .dot img{ width: 6px; height: 6px;}
.develop .listbox{ height:85px;}
.develop .listbox img{ height: 75px;}
.develop .listbox .txt{width: 55%; text-align: left; margin-right: 0;}
.develop .listbox .txt h2{font-size: 16px; line-height: 1.5;}
.develop .listbox .txt .bgblue{ background:none; padding: 0; color: #1c4970;}
.develop .listbox .txt .txtInfo p{font-size: 10px; padding: 0;text-align: left; line-height: 1.3;}
.develop .listbox img{ margin-right: 10px;}
.develop .boxRight > div{float: left;}
.develop .boxRight{float: left;}
.develop .boxRight img{ margin-left: 0;}
.develop .listbox .txt .borderblue{ background:none;}
.develop .listbox .txt h2{ padding-left: 0;}
.develop .listbox .txt .w320{ width: 55%;}
.develop .boxRight .txt{ margin-left: 0;}
.develop .list .mt{margin-top: 0;}
.developTitle{ height: 35px; line-height: 35px; text-align: left; padding-left: 15px; background: #1c4970; color: #fff;font-size: 16px; margin: 0;}
.developTitle div{ line-height: 35px;}
.developTitle div font{ padding: 0px;border: none;}
.ushiList ul{margin-left: -40px;}
.ushiList li{width:50%;}
.ushiList li .imgbox{margin:10px 10px;}
.imgbox-dapingji{padding-right:0px;position: relative;}
.imgbox-dapingji  img{width: 100%;}
.imgbox-dapingji .txt{width: 100%; text-align: left;position:inherit;right:0px;top:0px}
.imgbox-dapingji .txt h2{ font-size:18px;  line-height: 100px;color:#1c4970;margin: 0 20px;}
.imgbox-dapingji .txt p{margin: 0 20px; font-size:14px;color: #999; line-height:30px; background: url(../images/icon-dot-gray.png) no-repeat left center; padding-left: 28px; text-align: left;}

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .swiper-content .right .swiper-container-1 .swiper-slide .block span {
    font-size: 2.25rem;
  }
 .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list{
    width: 97%;
  }
  .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5){
    width: 3.2rem;
  }
  .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5):hover, .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5).selected{
    width: 3.2rem;
  }
  .swiper-content .right .swiper-container-1 .swiper-slide .block p {
    font-size: .875rem;
  }
  .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list {
    flex-wrap: wrap;
    margin-top: 1.25rem;
  }
}