* {
  transition: all .3s;
}

@media (min-width: 1200px) {
  .container {
    width: 1260px;
  }
}

input,
textarea:focus,
div {
  outline: none;
}

header {
  background: #002e73;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
}

.logo {
  background: url(../img/logo.png) 0 center no-repeat;
  height: 100px;
  width: 140px;
  float: left;
  background-size: 100% auto;
}

header nav{ float: right; }

header menu {
  margin: 0;
  height: 100px;
}

header menu li {
  float: left;
  list-style: none;
  position: relative;
}

header menu li a {
  line-height: 94px;
  width: 100px;
  color: #FFF;
  display: block;
  text-align: center;
}

header menu>li>a {
  border-top: 3px solid #002e73;
  border-bottom: 3px solid #002e73;
}

header menu>li:hover>a,
header menu>li.active>a {
  border-bottom: 3px solid #f7941d;
}

header menu li a:hover {
  background: #011c63;
  color: #FFF;
  text-decoration: none;
}

header menu>li>a:focus {
  color: #FFF;
  text-decoration: none;
}

header menu>li:hover>a {
  background: #011c63;
}

header menu>li:hover .subNav {
  display: block;
}

header menu li.active>a {
  background: #03004c;
}

.headTel{
  float: right;
  color:#FFF;
  font-size:16px;
  font-weight: bold;
  line-height: 100px;
  background: url(../img/u138.png) no-repeat 0 center;
  padding-left: 40px;
  background-size: 28px;
  margin-left: 20px;
}
.headTel a, .headTel a:hover{ text-decoration: none; color:#FFF !important; }
.page {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.bottomTool{
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  background: #FFF;
  border-top: 1px solid #DDD;
  z-index: 400;
  display: none;
}

.btItem{
  flex: 1;
  text-align: center;
  font-size: 12px;
  padding:2px 0 4px;
  position: relative;
}

.btItem a{
  color: #666;
}

.btItem a, .btItem a:hover, .btItem a:focus{
  text-decoration: none;;
}

.btItem.active>a{
  color: #002E73;
}

.btItem i{
  display: block;
  font-size: 24px;
}

.btSub{
  position: absolute;
  bottom: 47px;
  z-index: 1000;
  padding: 0;
  border: 1px solid #DDD;
  width: 140%;
  border-bottom: none;
  margin-left: -20%;
}
.btSubHide{
  display: none;
}
.btSub li{ list-style: none; background: #FFF; line-height: 40px; border-bottom: 1px solid #DDD;; }
.btSub .active a{
  color: #002E73;
}

.smallHeader {
  height: 56px;
}

.smallHeader a {
  line-height: 50px;
}

.smallHeader .logo {
  height: 56px;
}

.smallHeader .headTel{
  line-height: 56px;
}

.smallHeader~.page {
  padding-top: 56px;
}

.subNav {
  position: absolute;
  z-index: 5;
  left: 0;
  padding: 0;
  background: #002E73;
  display: none;
}

.subNav a {
  line-height: 50px;
  height: 50px;
}

.homeBanner {
  position: relative;
}

.bWeiText {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  align-items: center;
  display: flex;
  color: #FFF;
}

.bWeiText .btSpT {
  text-shadow: 3px 3px 8px rgba(0, 0, 0, .4);
}

.bWeiText .btSpTs {
  text-shadow: 3px 3px 8px rgba(0, 0, 0, .4);
  font-size: 30px;
}

.bText {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFF;
}

.btSpT {
  font-weight: bold;
  font-size: 60px;
}

.btSpTs {
  font-size: 48px;
  margin: 12px 0 20px;
}

.btSpInfo {
  font-size: 22px;
  color: #000;
  background: rgba(255, 255, 255, .4);
  display: inline-block;
  padding: 4px 30px;
}

.btSpBtn {
  padding-top: 60px;
}

.btSpBtn a {
  border-radius: 30px;
  border: 2px solid #FFF;
  color: #FFF;
  display: inline-block;
  padding: 8px 0;
  width: 160px;
  font-size: 18px;
  text-align: center;
}

.btSpBtn a:hover {
  text-decoration: none;
  background: #01e3a9;
  border-color: #01e3a9;
}

.homeBanner img {
  width: 100%;
  height: auto;
}

.homeBnnaerP2 .btSpT {
  font-size: 48px;
}

.homeBnnaerP2 .btSpTs {
  font-size: 20px;
}

.btSpTEn {
  color: #999;
  text-transform: uppercase;
}

header~.page {
  padding-top: 100px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

.swiper-pagination-bullet {
  border: 3px solid #002e72;
  height: 16px;
  width: 16px;
  background: none;
}

.swiper-pagination-bullet-active {
  border-color: #f7931b;
}

.mod-tit {
  text-align: center;
  letter-spacing: 4px;
  padding: 40px 80px;
}

.mod-tit h3 {
  text-transform: uppercase;
  font-size: 32px;
  font-family: Arial;
  font-weight: 300;
}

.mod-tit p {
  font-size: 20px;
  font-weight: bold;
}

.homeProItem {
  background: #f8f8f8;
  height: 160px;
  margin-bottom: 30px;
  cursor: pointer;
}

.hownefo a:hover{
  text-decoration: none;
}

.homeProItem:hover {
  background: #002e73;
  box-shadow: 0 0 30px rgba(0, 46, 115, .4);
}

.homeProItem:hover h3 {
  color: #FFF;
}

.homeProItem:hover p {
  color: #b3c1d5;
}

div[class^="icon-hp-"] {
  background: url(../img/home_pro_03.png) center no-repeat;
  height: 160px;
  width: 160px;
  float: left;
}

div.icon-hp-2 {
  background-image: url(../img/home_pro_05.png)
}

div.icon-hp-3 {
  background-image: url(../img/home_pro_09.png)
}

div.icon-hp-4 {
  background-image: url(../img/home_pro_10.png)
}

div.icon-hp-5 {
  background-image: url(../img/home_pro_13.png)
}

div.icon-hp-6 {
  background-image: url(../img/home_pro_14.png)
}

.homeProText {
  height: 160px;
  overflow: hidden;
  padding: 24px 20px 0 0;
}

.homeProText h3 {
  font-size: 18px;
  font-weight: bold;
  color: #002e73;
}

.homeProText p {
  color: #999;
}

.homeMethod {
  background: #F8F8F8;
  margin-top: 20px;
}

.hmItem {
  margin-bottom: 20px;
}

.hmItem img {
  width: 100%;
  height: auto;
}

.hmTxt {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hmItemTop {
  position: relative;
  overflow: hidden;
}

.hmItemTop:hover .hmTxt {
  top: 0;
}

.hmTxt {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 46, 115, .8);
  top: -100%;
}

.hmTxt2 {
  padding: 20px;
  text-align: center;
  color: #FFF;
}

.iaItemLeter {
  text-transform: uppercase;
  padding: 10px 0 0px;
  color: #CCC;
  font-size: 24px;
  font-family: Arial;
  font-weight: 300;
  text-align: center;
}

.iaItemLeter:before,
.iaItemLeter:after {
  font-weight: 600;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 10px;
  content: '';
  vertical-align: middle;
  border-radius: 50%;
  background-color: #CCC;
  position: relative;
  top: -2px;
}

.hmItem h3 {
  margin: 0;
  text-align: center;
  font-size: 16px;
  padding: 4px 0 20px;
  font-weight: bold;
  color: #002e72;
}

.cpBox {
  background: url(../img/bg1.jpg) no-repeat;
  color: #FFF;
  padding-bottom: 100px;
  background-size: cover;
}

.cpIcon {
  margin: auto;
  width: 132px;
  height: 132px;
  border: 2px solid #FFF;
  border-radius: 80px;
  background: url(../img/proeed_03.png) no-repeat center;
}

.cpLine {
  padding-left: 40px;
  font-size: 64px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
  position: relative;
}

.soMoeidT{
  display: none;
}
.cpLine:before {
  position: absolute;
  border-bottom: 1px dashed #FFFFFF;
  width: 80%;
  top: 50%;
  left: 10%;
  content: '';
}

.cpInfo {
  text-align: center;
  position: relative;
  top: -20px;
}

.cpItem:hover {
  transform: scale(1.08);
}

.cpBox .col-md-3:nth-child(2) .cpIcon {
  background-image: url(../img/proeed_05.png);
}

.cpBox .col-md-3:nth-child(3) .cpIcon {
  background-image: url(../img/proeed_07.png);
}

.cpBox .col-md-3:nth-child(4) .cpIcon {
  background-image: url(../img/proeed_09.png);
}

.caseItem {
  width: 25%;
  float: left;
  padding: 5px;
  position: relative;
  overflow: hidden;
}

.caseItem:nth-child(4n+1) {
  clear: left;
}

.caseItem img {
  width: 100%;
  height: auto;
}

.caseItem p{
  background: #F8F8F8;
  line-height: 50px;
  padding: 0 15px;
  font-size: 16px;
  color:#333;
  text-align: center;
}

.caseItem a:hover{
  text-decoration: none;
}

.caseItem:hover a p{
  background: #002E72;
  color: #FFF;
}

.caseItem:hover img{
  transform: scale(1.15);
  z-index: 2;
}

.caseImgBox{
  overflow: hidden;
}

.caseTag {
  background: #f7941d;
  font-size: 18px;
  position: absolute;
  padding: 7px 15px;
  line-height: 18px;
  color: #FFF;
  border-radius: 0 0 5px 5px;
  z-index: 44;
}

.cuBox {
  margin-top: 40px;
  background: #f8f8f8;
}

.cuBox .form-control {
  font-size: 16px;
  border-radius: 0;
  border-color: #FFF;
  padding: 12px 15px;
  height: auto;
  box-shadow: none;
  background: url(../img/contact_03.png) no-repeat 10px 10px #FFF;
  text-indent: 28px;
}

.cuBox textarea.form-control::-webkit-input-placeholder{
  text-indent: 28px;
}

.cuBox .form-control:focus {
  border-color: #DDD;
}

.youDemand {
  padding-top: 30px;
}

.cuBtn {
  padding: 40px 0;
  text-align: center;
}

.cuBtn .btn {
  margin: 0 20px;
  width: 160px;
}

.cuBtn .btn:active, .cuBtn .btn:focus{ outline: none; }

.cuBox .cuPhone {
  background-image: url(../img/contact_05.png);
}

.cuBox .cuContent {
  background-image: url(../img/contact_07.png);
  height: 150px;
}

/* 重写 btn*/
.btn {
  letter-spacing: 2px;
  border: none;
  border-radius: 30px;
  padding: 8px 18px;
  font-size: 18px;
  font-weight: bold;
}

.btn-primary{
  background: #002e72;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover {
  background: #002e72;
}

.btn-sm {
  font-weight: normal;
  padding: 6px 20px;
  font-size: 16px;
}

.btn-info {
  background: #f7941d;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:active:hover{
  background: #f7941d;
}

.sBox {
  margin: 20px 0;
  padding-left: 30px;
}

.content-box img {
  float: left;
}

.content-box .box {
  margin-left: 78px;
  padding-top: 8px;
}

.content-box .fw6 {
  font-size: 16px;
}

.content-box .ds {
  color: #999;
  padding: 2px;
}


.footer {
  background: #03004d;
  padding: 60px 0 40px;
  color: #a5a4b6;
  position: relative;
  z-index: 99;
}

.footer .csQr {
  width: 80px;
}

.footer h3 {
  font-size: 16px;
  margin-top: 0;
  color: #FFF;
  font-weight: bold;
}

.footer .csQrImg img {
  height: 80px;
  width: 80px;
}

.footer .fw6 {
  font-size: 12px;
  text-align: center;
  margin-top: 8px;
}

.footerMenu ul {
  padding: 0;
  overflow: hidden;
}

.footerMenu ul li {
  list-style: none;
  width: 50%;
  float: left;
  padding: 5px 0;
}

.footerMenu li a {
  color: #a5a4b6;
  display: block;
}

.footerContact ul {
  padding: 0;
  overflow: hidden;
}

.footerContact li {
  list-style: none;
  padding: 5px 0;
}

.copyRight {
  text-align: center;
  border-top: 1px solid #353360;
  margin-top: 40px;
  padding-top: 40px;
}

.mod-tit2 {
  text-align: center;
  padding: 30px 0;
}

.mod-tit2 h3 {
  font-size: 48px;
  font-weight: bold;
}

.mod-tit2 p {
  font-size: 18px;
}

.weiWhy {
  background: #F8F8F8;
  padding: 20px 0 60px;
}

.weiWhy .mod-tit2 {
  margin-bottom: 40px;
}

.weiWhyItem {
  text-align: center;
  background: #FFF;
  padding: 50px 40px;
  margin: 40px 20px;
  position: relative;
}

.weiWhyIcon {
  background: url(../img/why_weixin_03.png) no-repeat center #FFF;
  background-size: 57px;
  height: 80px;
  width: 80px;
  position: absolute;
  top: -40px;
  border-radius: 40px;
  box-shadow: 0 4px 10px rgba(48, 110, 204, .6);
  left: 50%;
  margin-left: -40px;
}

.weiWhy .col-md-4:nth-child(2) .weiWhyIcon {
  background: url(../img/why_weixin_05.png) no-repeat center #FFF;
}

.weiWhy .col-md-4:nth-child(3) .weiWhyIcon {
  background: url(../img/why_weixin_07.png) no-repeat center #FFF;
}

.weiWhy .col-md-4:nth-child(4) .weiWhyIcon {
  background: url(../img/why_weixin_12.png) no-repeat center #FFF;
}

.weiWhy .col-md-4:nth-child(5) .weiWhyIcon {
  background: url(../img/why_weixin_13.png) no-repeat center #FFF;
}

.weiWhy .col-md-4:nth-child(6) .weiWhyIcon {
  background: url(../img/why_weixin_14.png) no-repeat center #FFF;
}

.weiWhyItem h3 {
  font-weight: bold;
  font-size: 20px;
  color: #002e73;
}

.weiWhyItem p {
  color: #666;
  padding-top: 10px;
}

.weiPlan {
  background: url(../img/fuwie.jpg) no-repeat center;
  background-size: cover;
  color: #FFF;
  padding-bottom: 50px;
}

.weiPlan .mod-con h3 {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.wpItem {
  width: 20%;
  float: left;
  margin-bottom: 30px;
}

.wpIcon {
  border-radius: 90px;
  border: 1px solid rgba(255, 255, 255, .6);
  height: 170px;
  width: 170px;
  margin: auto;
}

.wpIcon i {
  display: block;
  height: 170px;
  width: 170px;
  background: url(../img/wei_plan_03.png) no-repeat center;
}

.wpItem:hover .wpIcon {
  background: url(../img/wpIconBg.png) no-repeat center;
  height: 170px;
  width: 170px;
}

.wpItem:hover .wpIcon i {
  background-image: url(../img/wei_plan_32.png);
}

.weiPlan .wpItem:nth-child(2) i {
  background-image: url(../img/wei_plan_05.png);
}

.weiPlan .wpItem:nth-child(3) i {
  background-image: url(../img/wei_plan_07.png);
}

.weiPlan .wpItem:nth-child(4) i {
  background-image: url(../img/wei_plan_09.png);
}

.weiPlan .wpItem:nth-child(5) i {
  background-image: url(../img/wei_plan_11.png);
}

.weiPlan .wpItem:nth-child(6) i {
  background-image: url(../img/wei_plan_19.png);
}

.weiPlan .wpItem:nth-child(7) i {
  background-image: url(../img/wei_plan_21.png);
}

.weiPlan .wpItem:nth-child(8) i {
  background-image: url(../img/wei_plan_22.png);
}

.weiPlan .wpItem:nth-child(9) i {
  background-image: url(../img/wei_plan_23.png);
}

.weiPlan .wpItem:nth-child(10) i {
  background-image: url(../img/wei_plan_25.png);
}

.weiPlan .wpItem:nth-child(2):hover i {
  background-image: url(../img/wei_plan_34.png);
}

.weiPlan .wpItem:nth-child(3):hover i {
  background-image: url(../img/wei_plan_35.png);
}

.weiPlan .wpItem:nth-child(4):hover i {
  background-image: url(../img/wei_plan_36.png);
}

.weiPlan .wpItem:nth-child(5):hover i {
  background-image: url(../img/wei_plan_37.png);
}

.weiPlan .wpItem:nth-child(6):hover i {
  background-image: url(../img/wei_plan_45.png);
}

.weiPlan .wpItem:nth-child(7):hover i {
  background-image: url(../img/wei_plan_46.png);
}

.weiPlan .wpItem:nth-child(8):hover i {
  background-image: url(../img/wei_plan_47.png);
}

.weiPlan .wpItem:nth-child(9):hover i {
  background-image: url(../img/wei_plan_48.png);
}

.weiPlan .wpItem:nth-child(10):hover i {
  background-image: url(../img/wei_plan_50.png);
}

.bfLeft {
  border-right: 1px solid #DADADA;
  border-top: 1px solid #DADADA;
  height: 533px;
  overflow: hidden;
  margin-right: 301px;
}

.bflItem {
  text-align: center;
  border-left: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  width: 25%;
  float: left;
}

.bflItem p {
  font-size: 24px;
  font-family: Arial;
  text-transform: uppercase;
  margin: 16px 20px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #EEE;
}

.bflItem h3 {
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 20px
}

.bflItem div {
  height: 80px;
  width: 80px;
  background: url(../img/mall.png) no-repeat;
  margin: auto;
}

.bflItem:nth-child(2) div {
  background-image: url(../img/scrm.png);
}

.bflItem:nth-child(3) div {
  background-image: url(../img/sdp.png);
}

.bflItem:nth-child(4) div {
  background-image: url(../img/groupon.png);
}

.bflItem:nth-child(5) div {
  background-image: url(../img/appoint.png);
}

.bflItem:nth-child(6) div {
  background-image: url(../img/vote.png);
}

.bflItem:nth-child(7) div {
  background-image: url(../img/life.png);
}

.bflItem:nth-child(8) div {
  background-image: url(../img/query.png);
}

.bflItem:nth-child(9) div {
  background-image: url(../img/payment.png);
}

.bflItem:nth-child(10) div {
  background-image: url(../img/community.png);
}

.bflItem:nth-child(11) div {
  background-image: url(../img/website.png);
}

.bflItem:nth-child(12) div {
  background-image: url(../img/marketing.png);
}

.bflItem:nth-child(2):hover div {
  background-image: url(../img/scrm_w.png);
}

.bflItem:nth-child(3):hover div {
  background-image: url(../img/sdp_w.png);
}

.bflItem:nth-child(4):hover div {
  background-image: url(../img/groupon_w.png);
}

.bflItem:nth-child(5):hover div {
  background-image: url(../img/appoint_w.png);
}

.bflItem:nth-child(6):hover div {
  background-image: url(../img/vote_w.png);
}

.bflItem:nth-child(7):hover div {
  background-image: url(../img/life_w.png);
}

.bflItem:nth-child(8):hover div {
  background-image: url(../img/query_w.png);
}

.bflItem:nth-child(9):hover div {
  background-image: url(../img/payment_w.png);
}

.bflItem:nth-child(10):hover div {
  background-image: url(../img/community_w.png);
}

.bflItem:nth-child(11):hover div {
  background-image: url(../img/website_w.png);
}

.bflItem:nth-child(12):hover div {
  background-image: url(../img/marketing_w.png);
}

.bfRight {
  text-align: center;
  float: right;
  width: 301px;
  background: #EEE;
  height: 533px;
  border: 1px solid #DADADA;
  border-left: none;
}

.bfRight p {
  padding: 20px;
  margin: 0;
}

.bfRight .btn {
  width: 170px;
}

.bflItem:hover {
  background: #f7941d;
}

.bflItem:hover p,
.bflItem:hover h3 {
  color: #FFF;
}

.bflItem:hover div {
  background-image: url(../img/mall_w.png);
}


.soluList {
  overflow: hidden;
  /* margin-bottom: 60px; */
}

.soluItem {
  width: 220px;
  float: left;
  height: 356px;
  overflow: hidden;
  margin-right: 13px;
}

.soluItem:last-child {
  margin-right: 0;
}

.soluItem.active {
  width: 440px;
}

.soluItem.active .soluText {
  background: #f7941d;
}

.soluImg {
  position: relative;
  z-index: 20;
}

.soluText {
  background: #002e74;
  color: #FFF;
  padding: 10px 0 10px;
  text-align: center;
  overflow: hidden;
  position: relative;
  top: -14px;
}

.soluText h3 {
  font-size: 18px;
  font-weight: bold;
}

.soluText p {
  font-size: 12px;
}

.soluItem2 {
  width: 440px;
}

.soluNav {
  width: 220px;
  float: left;
}

.soluCon {
  margin-left: 220px;
  background: #EFEFEF;
}

.soluCon ul {
  padding: 20px 0 20px 0;
  height: 356px;
}

.soluCon li {
  list-style: none;
  font-size: 12px;
  padding: 11px 15px;
}

.soluCon li span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #f7941d;
}

.soluCon .scIcon {
  height: 58px;
  width: 58px;
  border-radius: 7px;
  background-size: 60% auto;
  float: left;
}

.scText {
  margin-left: 64px;
}

.sccIcon{
  height: 52px;
  width: 52px;
  float: left;
}

.sccIcon img{
  height: 100%;
  width: auto;
}

.scIcon-home {
  background: url(../img/fonts-shouye.png) no-repeat center #52e1cc;
}

.scIcon-image {
  background: url(../img/tupian.png) no-repeat center #fec430;
}

.scIcon-movie {
  background: url(../img/dianyingyuan.png) no-repeat center #4797fb;
}

.scIcon-scance {
  background: url(../img/paizhao.png) no-repeat center #ff7e00;
}

.ciHover {
  position: absolute;
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  background: rgba(0, 0, 0, .4);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  top: -100%;
}

.caseItem:hover .ciHover {
  top: 5px;
}

.ciLogo {
  text-align: center;
  position: relative;
}

.ciLogo:before {
  position: absolute;
  left: 50%;
  height: 3px;
  width: 16px;
  background: #FFF;
  content: '';
  bottom: -14px;
  margin-left: -9px;
}

.ciLogo img {
  width: auto;
  height: 80px;
}

.ciHover p {
  padding-top: 30px;
}

.weiAdvItem {
  text-align: center;
  margin-bottom: 50px;
}

.weiAdvIcon {
  height: 160px;
  width: 160px;
  border: 1px solid #DDD;
  margin: auto;
  padding: 8px;
}

.weiAdvIcon i {
  background: url(../img/adv_03.png) no-repeat center;
  display: block;
  height: 142px;
  width: 142px;
}

.weiAdvItem span {
  display: block;
  height: 142px;
  width: 142px;
}

.weiAdvItem h3 {
  font-size: 20px;
  font-weight: bold;
}

.weiAdvItem p {
  color: #999;
  max-width: 260px;
  margin: auto;
  height: 64px;
}

.weiAdvItem:hover .weiAdvIcon {
  border-color: #f7941d;
  box-shadow: 0 0 22px rgba(247, 148, 29, .4);
}

.weiAdvItem:hover h3 {
  color: #f7941d;
}

.weiAdvItem:hover span {
  background: #f7941d;
}

.weiAdvItem:hover i {
  background-image: url(../img/adv_18.png);
}

.weiAdvItem:hover p {
  color: #333;
}

.weiAdv .col-md-4:nth-child(2) i {
  background-image: url(../img/adv_05.png);
}

.weiAdv .col-md-4:nth-child(3) i {
  background-image: url(../img/adv_07.png);
}

.weiAdv .col-md-4:nth-child(4) i {
  background-image: url(../img/adv_12.png);
}

.weiAdv .col-md-4:nth-child(5) i {
  background-image: url(../img/adv_13.png);
}

.weiAdv .col-md-4:nth-child(6) i {
  background-image: url(../img/adv_14.png);
}

.weiAdv .col-md-4:nth-child(2) .weiAdvItem:hover i {
  background-image: url(../img/adv_19.png);
}

.weiAdv .col-md-4:nth-child(3) .weiAdvItem:hover i {
  background-image: url(../img/adv_20.png);
}

.weiAdv .col-md-4:nth-child(4) .weiAdvItem:hover i {
  background-image: url(../img/adv_24.png);
}

.weiAdv .col-md-4:nth-child(5) .weiAdvItem:hover i {
  background-image: url(../img/adv_25.png);
}

.weiAdv .col-md-4:nth-child(6) .weiAdvItem:hover i {
  background-image: url(../img/adv_26.png);
}

.weiSpTong {
  background: #053a94;
  color: #FFF;
  text-align: center;
}

.weiSTTit {
  font-size: 48px;
  padding: 40px 0 10px;
}

.weiSTTit span {
  color: #01e3a9;
}

.weiSTItem {
  width: 25%;
  float: left;
  overflow: hidden;
  height: 480px;
  overflow: hidden;
}

.weiSTView {
  margin-top: 180px;
  padding-top: 40px;
  background: url(../img/tongBg_03.png) no-repeat top center;
  background-size: 100% auto;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  height: 440px;
  box-shadow: 0 -10px 80px rgba(89, 148, 236, .6);
}

.weiSTIcon {
  background: url(../img/tong_03.png) no-repeat center;
  height: 100px;
  width: 100px;
  margin: auto;
}

.weiSTItem:nth-child(1):hover .weiSTView,
.weiSTItem:nth-child(4):hover .weiSTView {
  margin-top: 60px;
  box-shadow: 0 -10px 100px rgba(89, 148, 236, .6);
}

.weiSTItem:nth-child(2) .weiSTView {
  background-image: url(../img/tongBg_04.png);
  margin-top: 80px;
}

.weiSTItem:nth-child(2):hover .weiSTView {
  margin-top: 60px;
}

.weiSTItem:nth-child(3) .weiSTView {
  background-image: url(../img/tongBg_05.png);
  margin-top: 130px;
}

.weiSTItem:nth-child(3):hover .weiSTView {
  margin-top: 60px;
}

.weiSTItem:nth-child(4) .weiSTView {
  background-image: url(../img/tongBg_06.png);
}

.weiSTItem:nth-child(2) .weiSTIcon {
  background-image: url(../img/tong_05.png);
}

.weiSTItem:nth-child(3) .weiSTIcon {
  background-image: url(../img/tong_07.png);
}

.weiSTItem:nth-child(4) .weiSTIcon {
  background-image: url(../img/tong_09.png);
}

.weiSTItem h3 {
  font-size: 30px;
  font-weight: bold;
}

.weiSTItem p {
  font-size: 16px;
  padding: 20px 30px 40px;
}

.weiSPRT {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
}

.weiRuItem {
  margin-top: 60px;
  width: 33.333333%;
  float: left;
  text-align: center;
}

.weiRuItem div {
  height: 130px;
  width: 130px;
  background: #f7941d;
  margin: auto;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  -o-transform: rotate(45deg);
  /* Opera */
}

.weiRuItem i {
  background: url(../img/weiru_03.png) no-repeat center;
  display: block;
  height: 130px;
  width: 130px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari and Chrome */
  -o-transform: rotate(-45deg);
  /* Opera */
}

.weiRuItem h3 {
  font-size: 20px;
  margin: 60px auto;
  font-weight: bold;
}

.weiRuCon {
  background: url(../img/weiruBg.png) no-repeat center;
  background-size: auto;
  height: 600px;
}

.weiRu {
  overflow: hidden;
}

.weiRu:nth-child(3) {
  position: relative;
  left: 16.66666%;
  top: -140px;
}

.weiRuItem:nth-child(2) div {
  background: #6780c3;
}

.weiRuItem:nth-child(3) div {
  background: #fad83d;
}

.weiRu:nth-child(3) .weiRuItem:nth-child(1) div {
  background: #f05c4f;
}

.weiRu:nth-child(3) .weiRuItem:nth-child(2) div {
  background: #fd9d20;
}

.weiRuItem:nth-child(2) i {
  background-image: url(../img/weiru_06.png);
}

.weiRuItem:nth-child(3) i {
  background-image: url(../img/weiru_08.png);
}

.weiRu:nth-child(3) .weiRuItem:nth-child(1) i {
  background-image: url(../img/weiru_14.png);
}

.weiRu:nth-child(3) .weiRuItem:nth-child(2) i {
  background-image: url(../img/weiru_17.png);
}

.weiSpZhi {
  background: #6780c3;
  color: #FFF;
}

.weiSpZT {
  padding: 30px 0 10px 84px;
  font-size: 30px;
  font-weight: bold;
}

.weiSpZG {
  margin: 10px 0 10px 84px;
  background: #f1b58b;
  height: 8px;
  width: 43px;
}

.weiSpZF {
  margin: 20px 0 30px 84px;
}

.weiSpCanDo {
  padding-top: 30px;
}

.weiSpCanDo .col-md-6 {
  margin: 10px 0;
}

.weiSpCanDo .col-md-6 div {
  background: url(../img/canDo_03.png) no-repeat center;
  height: 40px;
  width: 40px;
}

.weiSpCanDo .col-md-6 h3 {
  font-size: 18px;
  font-weight: bold;
}

.weiSpCanDo .col-md-6:nth-child(2) div {
  background-image: url(../img/canDo_05.png);
}

.weiSpCanDo .col-md-6:nth-child(3) div {
  background-image: url(../img/canDo_09.png);
}

.weiSpCanDo .col-md-6:nth-child(4) div {
  background-image: url(../img/canDo_10.png);
}

.weiSpCanDo .col-md-6:nth-child(5) div {
  background-image: url(../img/canDo_13.png);
}

.weiSpCanDo .col-md-6:nth-child(6) div {
  background-image: url(../img/canDo_14.png);
}

.cusNav {
  position: relative;
}

.cusNav div {
  position: absolute;
  background: url(../img/caseNav_03.png) no-repeat center;
  background-size: 82px;
  height: 82px;
  width: 82px;
  top: 240px;
  cursor: pointer;
}

.cusNav .left {
  left: -142px;
}

.cusNav .left:hover {
  background-image: url(../img/caseNav_09.png);
}

.soMoeid, .soMoeidC{
  display: none;
}

.cusNav .right {
  left: calc(100% + 60px);
  background-image: url(../img/caseNav_05.png);
}

.cusNav .right:hover {
  background-image: url(../img/caseNav_10.png);
}

.appB1 {
  font-size: 18px;
  padding-bottom: 20px;
  line-height: 28px;
}

.appBTou {
  position: relative;
  background: rgba(255, 255, 255, .2);
}

.appBTou2 {
  padding: 10px 60px;
  position: relative;
}

.appBTou2 div {
  font-size: 60px;
  font-weight: bold;
}

.appBTou2 p {
  font-size: 36px;
}

.appBSub {
  font-size: 24px;
  padding-top: 30px;
}

.appBTou:before,
.appBTou:after,
.appBTou2:before,
.appBTou2:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  height: 6px;
  width: 6px;
  background: #FFF;
}

.appBTou:after {
  right: 0;
  left: auto;
}

.appBTou2:before {
  bottom: 0;
  top: auto
}

.appBTou2:after {
  bottom: 0;
  right: 0;
  left: auto;
  top: auto;
}

.appCDText {
  padding-top: 60px;
  font-size: 16px;
  line-height: 26px;
}

.appCDText p {
  margin: 20px 0;
}

.appCDImg img {
  width: 100%;
  height: auto;
}

.appWhy {
  background: #F7F7F7;
}

.awItem {
  width: 20%;
  float: left;
  text-align: center;
}

.awItem h3 {
  font-weight: bold;
  font-size: 20px;
  color: #002e73;
}

.awItem p {
  color: #666;
  padding-bottom: 50px;
}

.appLbs {
  background: url(../img/die.jpg) no-repeat top center #e5eaf1;
}

.appBox {
  overflow: hidden;
  padding: 100px 0;
}

.appBoxImg {
  text-align: center;
}

.appBoxText h3 {
  padding-top: 66px;
  color: #f7941d;
  font-size: 30px;
  font-weight: bold;
}

.appBoxText div {
  height: 8px;
  width: 50px;
  background: #f7941d;
  margin: 20px 0;
}

.appBoxText p {
  font-size: 18px;
  max-width: 470px;
  line-height: 42px;
}

.appStore {
  background: #fdfdfd;
}

.appStore .appBoxText {
  padding-left: 70px;
}

.appYue {
  background: #e5eaf1;
}

.liucheng {
  text-align: center;
}

.appShang {
  background: #002e73;
  color: #FFF;
  padding: 0 0 60px;
}

.appSText {
  font-size: 16px;
  max-width: 700px;
  margin: auto;
  text-align: center;
}

.appSImg {
  text-align: center;
}

.devTit {
  font-size: 72px;
  color: #002e73;
  font-weight: bold;
  margin: 0;
}

.devText h2 {
  font-size: 30px;
  font-weight: bold;
  border-left: 2px solid #002e73;
  color: #002e73;
  padding: 30px 0 0 20px;
  margin: 0 0 0 18px;
}

.devTitOffset {
  margin-left: calc(50% + 15px);
}

.devText h2 span {
  font-weight: normal;
  color: #999;
  display: inline-block;
  margin-left: 10px;
  font-size: 18px;
  text-transform: uppercase;
}

.devText div {
  font-weight: bold;
  color: #002E73;
  padding: 40px 0 10px 40px;
  font-size: 18px;
}

.devText p {
  font-size: 18px;
  line-height: 42px;
  padding-left: 40px;
}

.devBox img {
  max-width: 100%;
  height: auto;
}

.devBgText {
  font-size: 100px;
  color: #eef0f3;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: bold;
}

.devBgTextolor {
  color: #e2e5ed;
}

.shopBT {
  align-items: flex-start;
  padding-top: 80px;
}

.mod-tit div {
  padding: 40px 0;
}

.shop2ItemImage {
  position: relative;
  overflow: hidden;
}

.shop2ItemImage img {
  display: block;
  width: 100%;
  height: auto;
}

.shop2ItemImageText {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 32px;
  color: #FFF;
  background: rgba(0, 0, 0, .4);
  padding: 40px;
  text-align: center;
  top: -100%;
}

.shop2ItemImage:hover .shop2ItemImageText {
  top: 0;
}

.shop2Item h3 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px;
}

.shopBox {
  background: #e5eaf1;
  padding: 60px 0;
}

.shopBox2 {
  background: #FFF;
}

.shopBoxImage {
  text-align: center;
}

.shopBoxText {
  padding: 80px 50px 0;
}

.shopBoxText h3 {
  font-weight: bold;
  font-size: 30px;
  color: #002e73;
}

.shopBoxText p {
  padding-top: 20px;
  font-size: 18px;
  line-height: 36px;
}

.btSpTs.caseBts {
  font-size: 18px;
  max-width: 400px;
}

.caseCat {
  line-height: 36px;
  overflow: hidden;
}

.caseCatBox {
  margin: 20px auto 0;
  width: 900px;
  overflow: hidden;
}

.caseCat3 {
  margin-top: 10px;
}

.caseCatTit {
  font-weight: #002e73;
  width: 84px;
  float: left;
  font-weight: bold;
  color: #002E72;
}

.caseCatCon,
.caseCatCon2 {
  float: right;
  display: flex;
  width: 790px;
  padding: 0;
  margin: 0;
  text-align: center;
  margin: 0;
}

.caseCatCon{ 
}

.caseCatCon li {
  background: #FFF;
  color: #002E72;
}

.caseCatCon li a{
  border-right: 1px solid #002E72;
  border-top: 1px solid #002E72;
  border-bottom: 1px solid #002E72;
}

.caseCatCon li:first-child a{
  border-left: 1px solid #002E72;
}

.caseCatCon li.active a {
  background: #002E72;
  color: #FFF;
}

.caseCatCon li,
.caseCatCon2 li {
  flex: 1;
  list-style: none;
  display: block;
}

.caseCat2 {
  margin-bottom: 5px;
}

.caseCat a {
  display: block;
  text-decoration: none;
  color: #002E72;
}

.caseCatCon2 a {
  color: #666;
  border-bottom: 3px solid transparent;
}

.caseCatCon2 li.active a {
  color: #002E72;
  border-bottom: 3px solid #002E72;
}

.caseSearch {
  position: relative;
}

.caseS {
  height: 42px;
  padding: 0 20px;
  background: #f8f8f8;
  border: none;
  width: 100%;
}

.newsHTit{
  padding: 60px 0 40px;
}
.hewsSearc{
  margin-top: 10px;
}

.newsGed{
  border-bottom: 1px solid #DDD;
  padding-top: 30px;
  margin-bottom: 20px;
}

.caseB {
  height: 42px;
  position: absolute;
  right: 0;
  width: 100px;
  background: url(../img/caseS.png) no-repeat center #002E73;
  border: none;
  background-size: 24px auto;
}

.caseList {
  overflow: hidden;
  margin: 0 auto 20px;
}

.pageNavi {
  margin: 40px auto 60px;
  padding: 0;
  text-align: center;
}

.pageNavi li {
  display: inline-block;
  list-style: none;
}

.pageNavi a {
  height: 40px;
  width: 40px;
  border: 1px solid #EEE;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  margin: 0 5px;
  font-size: 16px;
  text-decoration: none;
  color: #666;
}

.total a {
  width: auto;
  border: none;
}

.pageNavi .total a:hover {
  background: #FFF;
  color: #666;
}

.pageNavi a:hover,
.pageNavi li.active a {
  background: #002E72;
  color: #FFF;
}

.pageNavi .prev a,
.pageNavi .prev.disabled a:hover {
  background: url(../img/pn_03.png) no-repeat center;
}

.pageNavi .next a,
.pageNavi .next.disabled a:hover {
  background: url(../img/pn_05.png) no-repeat center;
}

.pageNavi .prev a:hover {
  background: url(../img/pn_09.png) no-repeat center #002E73;
}

.pageNavi .next a:hover {
  background: url(../img/pn_10.png) no-repeat center #002E73;
}

.pageNavi .prev.disabled a:hover,
.pageNavi .next.disabled a:hover {
  cursor: not-allowed;
}

.crumbs {
  border-bottom: 1px solid #DDD;
  background: #FFF;
  position: relative;
  z-index: 200;
}

.crumbs span {
  font-family: simsun;
  color: #666;
}

.crumbsBox {
  background: url(../img/brumd.png) no-repeat 0 center;
  line-height: 80px;
  height: 80px;
  padding-left: 30px;
  color: #002E73;
}

.crumbsBox a {
  color: #666;
}

.caseSingleBox {
  padding: 40px 0;
  position: relative;
  z-index: 120;
}

.caseSingleLeft {
  padding: 40px;
  width: 360px;
  box-shadow: 0 0 18px rgba(0, 0, 0, .2);
  background: url(../img/clBg.png) no-repeat bottom left;
  float: left;
  transition: none;
}

.caseSingleLeft.fixed {
  position: fixed;
  /* top: 50px; */
  bottom: 0;
}

.caseSingleTit {
  font-size: 36px;
  color: #002E72;
  font-weight: bold;
}

.caseSingleLine {
  margin: 20px 0 28px;
  height: 6px;
  width: 80px;
  background: #002E72;
}

.caseSingleMeta {
  border-top: 1px solid #DDD;
  padding: 20px 0 14px;
  line-height: 28px;
}

.content {
  line-height: 24px;
}

.caseSingleRight {
  margin-left: 380px;
  box-shadow: 0 0 18px rgba(0, 0, 0, .2);
}

.caseSingleRight img {
  max-width: 100%;
  height: auto;
}

.newsCat {
  text-align: center;
  position: relative;
  top: -20px;
}

.newsCat a {
  display: inline-block;
  padding: 15px 20px;
  margin: 0 20px;
  text-decoration: none;
  color: #666;
}

.newsCat a.active {
  border-bottom: 3px solid #002E72;
  color: #002E72;
}

.newsItem {
  overflow: hidden;
  margin: 40px 0 0;
}

.newsImage{
  position: relative;
}
.newsTag{
  position: absolute;
  z-index: 66;
  color:#FFF;
  padding: 4px 10px;
  border-radius: 0 0 5px 5px;
}
.newsTagBlug{
  background: #449cff;
}
.newsTagOrg{
  background: #f7941d;
}
.newsTagRed{
  background: #e43b3b;
}

.newsImage img {
  width: 180px;
  height: auto;
  display: block;
}

.newsText {
  margin-left: 200px;
}

    .newsText h3 {
        font-size: 18px;
        margin: 0;
        padding-top: 2px;
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.newsText h3 a {
  text-decoration: none;
  color: #333;
}

.newsText h3 a:hover {
  color: #002E72;
}

.newsText div {
  overflow: hidden;
  color: #999;
  margin: 5px 10px 5px 0px;
}

.newsText p {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newsText .pull-left,
.newsSingleMeta span:first-child {
  background: url(../img/time.png) no-repeat 0 center;
  padding-left: 22px;
}

.newsText .pull-right,
.newsSingleMeta span:nth-child(2) {
  background: url(../img/eye.png) no-repeat 0 center;
  padding-left: 25px;
}


.newsList {
  margin-bottom: 20px;
}
.newsList .col-md-6:nth-child(2n-1) {
    clear: left;
}

.newsList a{ text-decoration: none; }

.newsList a h3{ color:#333; }

.pageF8 {
  background: #F8F8F8;
}

.newsSingleMeta {
  overflow: hidden;
  line-height: 32px;
  margin: 20px 0;
}

.newsSingleMeta span {
  display: inline-block;
  margin-right: 50px;
}

.newsSingleMeta .pull-right {
  border: 1px solid #f7941d;
  color: #f7941d;
  padding: 0 10px;
  border-radius: 5px;
  margin: 0 0 0 10px;
}

.newsSingleCon {
  background: #FFF;
  padding: 20px;
  margin: 20px 0;
}

.newsSingleTit {
  font-size: 36px;
  text-align: center;
}

.relesSingle {
   padding: 10px 0px 40px 0px;
}

.recRight {
  background: #FFF;
  padding: 20px 20px 5px;
  margin: 20px 0;
}

.recRight h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #DDD;
}

.recRight h3 .pull-right {
  font-weight: normal;
  font-size: 14px;
  color: #999;
  padding-top: 4px;
}

.recRight ul {
  margin: 0;
  padding: 10px 0;
}

.recRight li {
  list-style: none;
  line-height: 28px;
}

.recRight li a {
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}


.stNum {
  font-style: italic;
  font-family: "Times New Roman";
  font-size: 12px;
  font-weight: bold;
}

.stEn {
  text-transform: uppercase;
  font-size: 32px;
  font-family: Arial;
  font-weight: 300;
  line-height: 32px;
  padding-top: 6px;
}

.stH2 {
  font-size: 24px;
  font-weight: bold;
  padding-top: 5px;
}

.shopRow {
  margin: 60px 0;
}

.shopOneCon h3 {
  font-weight: bold;
  margin: 0 0 20px;
  color: #002e73;
}

.shopOneCon p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 40px;
}

.subTit {
  background: url(../img/duobianx.png) no-repeat 0 20px;
  padding-top: 32px;
  padding-left: 50px;
  position: relative;
}

.subTit:before {
  position: absolute;
  top: 0;
  left: 50px;
  content: '';
  height: 3px;
  width: 146px;
  background: #32393e;
}

.subTit span {
  display: block;
}

.subTitRight {
  text-align: right;
  width: auto;
  padding: 32px 50px 0 0;
  background-position: right 20px;
}

.subTitRight:before {
  left: auto;
  right: 50px;
}

.aboutTopText {
  font-size: 18px;
  line-height: 32px;
}

.ourImg {
  position: relative;
  z-index: 10;
}

.ourImg img {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, .6);
}

.ourImg img {
  height: auto;
  width: 100%;
  display: block;
}

.ourBg {
  padding: 160px 0;
  position: relative;
  top: -130px;
  background: url(../img/shopDuo_bg.jpg) no-repeat center;
  text-align: center;
  background-size: cover;
  color: #FFF;
}

.ourBg h3 {
  font-size: 64px;
  text-transform: uppercase;
}

.ourBg h2 {
  font-size: 48px;
  font-weight: bold;
}

.ourBgBox {
  height: 440px;
}


.shopOneCup {
  text-align: center;
}

.shopOneCup h3 {
  font-size: 120px;
  color: #f7941d;
  font-weight: bold;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
}

.shopOneCup h3 span {
  font-size: 30px;
  color: #212121;
  font-weight: normal;
}

.shopOneCup .col-md-4 {
  position: relative;
}

.shopOneCup i {
  position: absolute;
  top: 0;
  font-size: 30px;
  margin-left: -20px;
}

.shopOneCup p {
  font-size: 16px;
}

.aboutBanner {
  text-align: right;
}

.aboutBanner .btSpT {
  color: rgba(255, 255, 255, .5);
  text-transform: uppercase;
  text-shadow: none;
}

.aboutBanner .btSpTs {
  font-size: 48px;
  font-weight: bold;
}

.caseSNav {
  position: fixed;
  top: 0;
  height: 100%;
}

.caseSNav div{
  top: 50%;
}

.pageNotFound{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top:0;
  right:0;
  left: 0;
  bottom: 0;
  padding-top: 100px ;
  
  background: -webkit-radial-gradient(rgba(208,226,249,0), rgba(208,226,249,1)); /* Safari 5.1 - 6.0 */
  background: -o-radial-gradient(rgba(208,226,249,0), rgba(208,226,249,1)); /* Opera 11.6 - 12.0 */
  background: -moz-radial-gradient(rgba(208,226,249,0), rgba(208,226,249,1)); /* Firefox 3.6 - 15 */
  background: radial-gradient(rgba(208,226,249,0), rgba(208,226,249,1)); /* 标准的语法 */

}
.pageNotFound2{
  padding-top: 310px;
  width: 600px;
  background: url(../img/empty.png) no-repeat center 0;
  text-align: center;
  font-size: 18px;
  color: #002E72;
}

.caseSNav .right{
  left: calc(100% + 30px);
}

@media only screen and (max-width: 1366px) {
  .cusNav div{
    background-size: 52px;
    height: 52px;
    width: 52px;
  }
  .cusNav .left{ left: -82px; }
  .cusNav .right{
    left: calc(100% + 30px);
  }
  .caseSNav .right{
    left: calc(100%);
  }
}

/*手机版*/
@media only screen and (max-width: 800px) {
  nav{
    display: none;
  }
  header{
    height: 56px;
  }
  .logo{
    height: 56px;
  }
  .headTel{
    line-height: 56px;
    margin-left: 0;
  }
  header~.page{
    padding-top: 56px;
  }
  .mod-tit{
    padding:0 15px 5px;
  }
  .mod-tit h3{ font-size:16px; font-weight: bold; }
  
  .btSpT{
    font-size:18px;
  }
  
  .homeBnnaerP2 .btSpT, .homeBnnaerP2 .btSpTs, .btSpTs{
    font-size:14px;
    margin: 5px 0;
  }
  .btSpBtn{
    padding-top: 10px;
  }
  .btSpBtn a{
    font-size: 12px;
    border-width: 1px;
    width: 100px;
    padding: 3px 0;
  }
  .swiper-pagination{
    display: none;
  }
  .homeProItem{
    margin-bottom: 10px;
  }
  .homeProText p{
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .homeMethod{
    margin-top: 5px;
  }
  .iaItemLeter{
    font-size:12px;
  }
  .hmTxt2{
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .cpBox{
    margin: 0;
    padding-bottom: 0;
  }
  .caseItem{
    width: 50%;
  }
  .caseItem:nth-child(2n+1) {
    clear: left;
  }
  .ciLogo{
    display: none;
  }
  .caseList{
    margin:0 -10px;
  }
  .cuBox .col-md-6{ margin-bottom: 10px; }
  .youDemand{
    padding: 0;
  }
  .cuBtn{
    padding: 10px 0;
  }
  .cuBtn .btn{
    width: 120px;
    margin: 0 5px;
  }
  .sBox{
    padding-left: 0;
    margin-left: -15px;
  }
  .footerMenu ul li{
    width: 33.333333%;
  }
  .bottomTool{
    display: flex;
  }
  .bWeiText .btSpTs{
    font-size: 14px;
  }
  .mod-tit2 h3{
    font-size: 18px;
  }
  .mod-tit2 p{
    font-size:12px;
  }
  .mod-tit2{
    padding: 0;
  }
  .weiWhy{
    padding: 0;
  }
  .weiWhyItem{
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 50px;
  }
  .weiWhy .mod-tit2{
    margin-bottom: 20px;
  }
  .wpItem{
    width: 33.3333%;
  }
  .wpIcon{
    width: 80px;
    height: 80px;
  }
  .wpIcon i{
    width: 80px;
    height: 80px;
    background-size: 60px;
  }
  .wpItem:hover .wpIcon{
    width: 80px;
    height: 80px;
  }
  .bfRight{
    float: none;
    width: 100%;
    border-left: 1px solid #DDD;
  }
  .bfLeft{
    margin:10px 0 0;
    height: auto;
  }
  .bflItem p{
    font-size: 12px;
    margin: 6px 0 0;
  }
  .btSpInfo{
    font-size: 12px;
  }
  .weiAdvItem{
    margin-bottom: 20px;
  }
  .weiSTTit{
    font-size:20px;
  }
  .weiSTItem{
    height: auto;
  }
  .weiSTItem h3{
    font-size: 14px;
    margin-top: 10px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .weiSTItem p{
    padding: 0 5px;
    font-size: 12px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .weiSTIcon{
    height: 36px;
    width: 36px;
    background-size: 100% auto;
  }
  #sp .weiSTView{
    padding-top: 10px;
    margin-top: 40px;
    height: auto;
  }
  .weiSPRT{
    font-size:16px;
  }
  .weiRuItem div{
    width: 80px;
    height: 80px;
  }
  .weiRuItem i{
    width: 80px;
    height: 80px;
    background-size: 40px auto;
  }
  .weiRuItem h3{
    font-size: 16px;
    margin: 30px auto;
  }
  .weiRu:nth-child(3){
    top: -60px;
  }
  .weiRuCon{
    height: 440px;
  }
  .weiSpZT{
    padding: 10px 0 0;
  }
  .weiSpZG{
    margin-left: 0;
  }
  .weiSpZF{
    margin-left: 0;
  }
  .weiSpZI img{
    max-width: 100%;
  }
  .weiSpCanDo p{
    font-size: 12px;
  }
  .footer{
    padding: 20px 0 10px;
  }
  .appBTou2 div{
    font-size: 16px;
  }
  .appBTou2 p{
    font-size:14px;
    margin-bottom: 0;
  }
  .appB1{
    padding-bottom: 0;
    display: none;
  }
  .appBSub{
    padding-top: 5px;
    font-size:14px;
  }
  .appCDText{
    padding-top: 0;
  }
  .awItem{
    width: 50%;
  }
  .awItem img{
    width: 80%;
    height: auto;
  }
  .appBoxImg, .appBoxText{
    margin: 0 -15px;
  }
  .appBoxImg img{
    width: 200px;
  }
  .appBox{
    padding:20px 0;
  }
  .appBoxText h3{
    padding-top: 0;
    font-size: 20px;
  }
  .appBoxText p{
    line-height: 24px;
    font-size: 14px;
  }
  .appBoxText div{
    height: 2px;
    margin: 10px 0;
  }
  .appStore .appBoxText{
    padding-left: 15px;
  }
  .liucheng img, .appSImg img{
    max-width: 100%;
  }
  .appSText{
    font-size: 12px;
  }
  .shopBT{
    padding-top: 20px;
  }
  .shopBoxImage img{
    max-width: 80%;
  }
  .shopBoxText{
    padding: 0;
  }
  .shopBoxText h3{
    font-size: 20px;
  }
  .shopBoxText p{
    font-size: 12px;
    line-height: 24px;
    padding:0;
    margin:0;
  }
  .shopBox{
    padding:20px 0;
  }
  .devBgText{
    font-size: 28px;
  }
  .devText p{
    font-size: 12px;
    line-height: 20px;
    padding-left: 0;
  }
  .devBox{
    text-align: center;
  }
  .devText h2 span{
    display: none;
  }
  .devBox img{
    max-width: 80%;
  }
  .devText div{
    padding: 10px 0;
    font-size: 14px;
  }
  .devTit{
    height: 0;
    overflow: hidden;
  }
  .devText h2{
    padding: 20px 0 0;
    margin: 0;
    border-left: none;
    font-size: 20px;
  }
  .caseCat{
    line-height: 28px;
  }
  .caseCatBox{
    width: auto;
    margin-top: 10px;
  }
  .caseCatCon2{
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .caseCatCon li, .caseCatCon2 li{
    font-size:12px;
    flex: auto;
  }
  .caseCatCon2 li{
    flex: 20%;
  }
  .caseCatCon, .caseCatCon2{
    width: auto;
    float: none;
  }
  .caseCatTit{
    float: none;
  }
  .caseCat3{
    margin-top: 0;
  }
  .caseS{
    height: 36px;
    padding-left: 10px;
  }
  .caseB{
    height: 36px;
    width: 80px;
    background-size: auto 60%;
  }
  .caseCatBox{
    padding: 0 15px;
    margin-bottom: 5px;
  }
  .mclDs{
    padding: 0 15px;
  }
  .newsCat{
    font-size:14px;
    padding-top: 10px;
  }
  .newsCat a{
    margin: 0;
    padding: 10px;
  }
  .newsList{
    padding:0;
  }
  .newsItem{
    margin-top: 15px;
    border-bottom: 1px solid #EEE;
  }
  .newsImage img{
    width: 100px;
  }
  .newsText{
    margin-left: 110px;
  }
    .newsText h3 {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }
  .newsText div{
    margin-top: 5px;
  }
  .newsText p{
    font-size:12px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .shopRow{
    margin: 10px -15px 0;
  }
  .subTit{
    padding: 10px 0 0 0;
  }
  .subTit:before{
    left: 0;
  }
  .aboutTopText{
    font-size:12px;
    padding: 10px 0;
    line-height: 20px;
  }
  .ourBg{
    top: -60px;
    padding: 60px 0 20px;
  }
  .ourBg h3{
    font-size: 14px;
  }
  .ourBg h2{
    font-size:18px;
  }
  .ourBgBox{
    height: auto;
  }
  .shopOneCon p{
    font-size:14px;
    margin-bottom: 10px;
  }
  .shopOneCup h3{
    font-size:40px;
  }
  .shopOneCup h3 span{
    font-size:14px;
  }
  .shopOneCup p{
    font-size:12px;
  }
  .caseSingleLeft{
    width: auto;
    padding: 15px;
    float: none;
  }
  .caseSingleBox{
    padding:15px 0;
  }
  .caseSingleBox .cusNav{
    display: none;
  }
  .caseSingleTit{
    font-size: 20px;
  }
  .caseSingleLine{
    height: 2px;
    margin: 10px 0 12px;
    width: 40px;
  }
  .caseSingleMeta{
    padding:10px 0;
  }
  .caseSingleRight{
    margin: 15px 0 0;
  }
  .crumbsBox{
    height: 40px;
    line-height: 40px;
  }
  .newsSingleCon{
    margin: 0 -30px;
  }
  .newsSingleTit{
    font-size: 24px;
  }
  .recRight{
    margin: 15px -30px 0;
  }
  .cuBox{
    margin-top: 5px;
  }
  .copyRight{
    margin-top: 15px;
    padding-top: 15px;
  }
  .bottomTool~.page{
    padding-bottom: 58px;
  }
  .pageNavi li{
    display: none;
  }
  .pageNavi .total, .pageNavi .prev, .pageNavi .next{ display: inline-block; }
  .pageNavi .prev a, .pageNavi .next a{
    width: 100px;
  }
  .pageNavi{
    margin: 20px 0;
  }
  .newsGed{
    display: none;
  }
  .newsHTit{
    padding: 0;
  }
/*  .webdevgdd{
    display: none;
  } */
  .csQr{
    display: none;
  }
  .oweidjjkde{
    padding-bottom: 64px;
  }
  .mobileCP{
    display: none;
  }
  .soMoeid{
    display: flex;
  }
  .soMoeidT{
    flex: 1;
    text-align: center;
    line-height: 48px;
    display: block;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-bottom: 10px;
  }
  .soMoeidT.active{
    font-weight: bold;
    color: #002e74;
    border-bottom: 2px solid #002e74;
  }
  .soMoeidC{ display: block; }
  .soMoeidC .soluCon{
    margin: 0;
  }
  .soluList{
    display: none;
  }
  .soMoeidC .soluCon ul{
    height: auto;
    padding: 5px 0 15px;
  }
  .footer{
    display: none;
  }
  .caseSNav{
    display: none;
  }
  .mobiled .caseSNav{
    position: static;
    overflow: hidden;
    padding: 15px 0;
    display: block;
  }
  .mobiled .cusNav div{
    position: static;
  }
  .mobiled .cusNav .left{
    float: left;
  }
  .mobiled .cusNav .right{
    float: right;
  }
  .shop2ItemImageText{
    display: none;
  }
}