@charset "utf-8";
/*~~~~框架布局~~~*/
.rackWor{padding:0 0 50px 0}
div.swiper-button-next,div.swiper-button-prev{margin-top:-35px;}
.sboxPN{position: relative;}
.sboxPN .prev,.sboxPN .next{position: absolute;left:-50px;top:45%;background: #505050;color: #fff;font-size: 30px;width: 35px;line-height: 40px;text-align: center;display: block;cursor: pointer;}
.sboxPN .next{left:auto;right:-50px;}
.sboxPN .prev:hover,.sboxPN .next:hover{background:#14aafb}
.effect-lower{position: relative;}
.effect-lower .effect-lower-block{position: absolute;right: 0;top:91px;width: 150px;line-height: initial;/* height:50px;*/display: block;border: 1px #ddd solid;padding: 10px 20px;z-index: 9;background: #fff;filter: alpha(opacity=0);transform-origin: 95% 0%;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;}
.effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}

#layui-layer6 .service_layer2{ display: block; }
.service_layer2{ display: none;}

div.layui-layer-page .layui-layer-content{ overflow: hidden;}
div.layui-layer-page .video-index{ height:100%;overflow: hidden;background:#171717}
div.layui-layer-page .video-index video{ height:100%;}

.Topboxlong{ height:0px}

.worBlock{ margin:30px 0 50px 0;}

.kefuWap{ position: fixed; right:0; bottom:100px; width:35px;height:35px;padding:5px; text-align: center;/*! display: block; */ background: #00aeff;/*! border-radius: 50%; */}
.kefuWap em{color:#fff;font-size:18px;}

.service_layer{padding:24px;max-width:1200px!important;min-width:320px;width:100%;display:none;}
.grWidth{width:1160px;margin:0 auto;overflow: hidden;}
.fl{float:left;}
.fr{float:right;}

/*==顶部↓==*/
.actFix.navFix{position: fixed;top: 0;left: 0;z-index:99;width:100%;}
.actFix{height: 88px;display: none}
.actFix>div{background: url("../../Public/images/activity20241212/PC_banner_yearend.png?v=20231213") no-repeat center;background-size: cover}
.topBar{height:32px;line-height:32px;background:#F9F9F9;color:#525252;border-bottom:solid 1px #e7e7e7;font-size: 12px;}
/*.topLeft p{background: url('../images/topIcon.png') no-repeat left -188px;padding-left:22px;float:left;margin-right:24px;}*/
.topLeft p{float:left;margin-right:24px;}
.topLeft span{color:#78838E;}
.topLeft .p2{background-position: 0 8px;padding-left: 20px;}
.topLeft .p1.paf{background-position: left -243px;}
.topLeft .p1#MEIQIA-BTN{height: 32px;background: url(../images/topIcon.png) no-repeat 0 -192px;padding-left: 22px;float: left;color: #525252;margin-right: 24px;font-size: 12px;border:none;box-shadow:none;background-color: transparent;}
.topLeft p a:hover{color:#1FADF6;}
.topLeft p span:hover{color:#1FADF6;}
.topLeft .p1#MEIQIA-BTN:hover{color:#1FADF6;}

#MEIQIA-BTN-HOLDER{display: none !important;}
.topRight{height:32px;display: flex;align-items: center }
.topRight .betweenjdhide{float: left; margin: 0 24px;}
/*background: url('../images/topIcon.png') no-repeat left -88px;*/
.topRight li{float:left;padding-left:22px;}
.topRight li.t1{background: none;}
.topRight li.t3.slogin{background-position: 0 -44px;padding-left: 22px;margin-right: 24px;}
.topRight li.t3.sregister{background-position: 0 -143px;border-radius: 10px;border: 1px solid rgba(66,199,251,1);text-align: center;color: rgba(66,199,251,1);background-color: transparent}
.topRight li.t3.sregister a{color: rgba(66,199,251,1)}
.topRight li.t3.sregister a:hover{color:#1FADF6;}
.topRight li.t4{background: url(../images/user.png) no-repeat left;margin-left: 20px;background-size: 20px 20px}
.topRight li a{color:rgba(66,199,251,1)}
.topRight li a:hover{color:#1FADF6;}
.topRight li .logout {color:#525252}
.topRight em{color:#d6e0eb;margin:0 14px;font-style:normal;}
.topRight .sregister em{margin: 0 18px 0 14px;}
.topRight .t3{width: 100px;background-color: rgba(66,199,251,1);background-position: 0 50px;text-align: center;padding-left: 0px;border-radius:10px;margin-left: 20px; border: 1px solid rgba(66,199,251,1);height: 22px;line-height:22px;display: flex;justify-content: center;align-items: center}
.topRight .t3 .login{color: #ffffff}
.topRight .t3 .login:hover{color:#1FADF6;}
.topBar.navFix{position: fixed;top: 0px;left: 0;z-index:100;width:100%;}
.topBar .wap_topRight {display: none}
.topBar .tip_login {display: none}

/* 头部 */
.header{padding:8px 0;background: #fff;border-bottom: solid 1px #e7e7e7;}
.header .nav{margin: 20px 0 0 32px;float: right;}
.header .nav .nLi:last-child a{margin-right: 0;}
.header .entrance{line-height: 64px;}
.header .entrance a:hover{color: #14aafb;}
.header .nav li{ float:left;}
.header .nav li a{ display: block;color:#333;font-size:18px; margin:0 25px;}
.header .nav li:hover a,.header .nav li.active a{color:#14aafb;}
.header .sign em{ background: url(../images/sign_ico.png) no-repeat center;}
.header .search em{ background: url(../images/search_ico.png) no-repeat center;}
.header .sign,.header .search{margin:25px 0 0 20px}
.header .sign em,.header .search em{ display: block;width:20px;height:22px;}
.header .search .effect-lower-block{transform-origin: 95% 0%;top: 25px;width: 300px;}
.header .search .box{ background:#f5f5f5}
.header .search input{line-height:25px;border:1px #ddd solid;width:210px;padding: 2px 10px;font-size:13px;}
.header .search button{line-height:25px; height:30px;width:40px; border:none;padding:0 5px; background:#666;color:#fff;}
.header .search button:hover{ background:#f60}
.header.navFix{position: fixed;top: 32px;left: 0;z-index:99;width:100%;}

/*产品列表*/
.proList ul{width:1250px;}
.proList li{float:left;width:590px;margin:0 20px 35px 0;border-radius: 8px;}
.proList li .pImg{display:block;width:590px;height:246px;overflow:hidden;}
.proList li img{width:590px;transition:all 0.5s;}
.proList .font{padding:10px 15px;border-top:1px solid #ddd;background:#fff;}
.proList .font h4{font-size:13px;font-weight:normal;color:#333;height:30px;}
.proList .font p{color:#ff6600;}
.proList .font .more{float:right;width:100px;height:30px;line-height:30px;border-radius:3px;background:#12c4d6;text-align:center;color:#fff;margin-top:10px;}
.proList .font .more:hover{background:#ff6600;}
.proList li:hover{box-shadow:0 0 6px #999;}


/*==数字↓==*/
.bannerBox .digital{ position: absolute; left:0;bottom:0; width:100%;background: rgba(0,16,28,0.45);}
.bannerBox .digital li{float:left;width:25%;color:#fff; text-align:center;padding:20px 20px;border-left:1px rgba(250,250,250,0.2) solid}
.bannerBox .digital li:last-child{border-right:1px rgba(250,250,250,0.2) solid}
.bannerBox .digital li span{font-size:36px; color:#fff;}
.bannerBox .digital li font{ margin-left:-3px;display: inline-block;}
.bannerBox .digital li h5{color:#fff;font-size:16px;}

/*==标题↓==*/
.titleAx{ margin:10px 0; color:#191919;font-size:36px; text-align: center;}
.titleBx{color:#191919;font-size:40px;text-align:center;;padding:20px 0 50px 0; margin: 10px 0 0 0;float: left;width: 100%;border-bottom: 1px #ddd solid;}


/*==理由↓==*/
.HomeExplain{margin:70px 0 40px 0;}
.HomeExplain .list{ margin-top:50px;}
.HomeExplain .list li{float:left; width:16.6%; padding:0 20px; text-align: center}
.HomeExplain .list li em{ display: table; margin:auto;text-align: center;height: 90px;}
.HomeExplain .list li em img{ display: block; max-width:100%;}
.HomeExplain .list li h4{margin:30px 0 25px 0;color:#191919;font-size:18px;}
.HomeExplain .list li p{color:#666666;font-size:13px;}


/*==首页案例↓==*/
.HomeCase{ margin:30px 0 30px 0; border-bottom: 1px #ddd solid;}
.HomeCase .list{ margin-top:50px;}
.HomeCase .list li{ float:left; width:33.3%;border-top:1px #fff solid; border-right:1px #fff solid;}
.HomeCase .list li a{ position: relative; display: block;}
.HomeCase .list li .box{ opacity: 0; position: absolute; bottom:0; right:0;z-index: 1; width:85%; height: 80%; padding:10px 30px;background: rgba(0,174,255,0.6);    transition: all .4s ease-in-out;}
.HomeCase .list li .title{ position: absolute; left:35px; bottom:35px; color:#fff;font-size:22px;}
.HomeCase .list li .box h4{color:#fff;font-size:22px; margin:30px 0 20px 0;}
.HomeCase .list li .box p{ color:#fff;font-size:13px;line-height: 25px;}
.HomeCase .list li:hover .box{ opacity: 1}
.HomeCase .list li:hover .title{ opacity: 0}
.HomeCase .more{ display:table;margin:35px auto; color:#666666;font-size:14px; text-align: center;}
.HomeCase .more:hover{color:#00aeff}


/*==首页文章↓==*/
.HomeArticle{margin:50px 0 70px 0;}
.HomeArticle .left{width:48%;}
.HomeArticle .left img{max-width:100%;}
.HomeArticle .title{color:#191919;font-size:26px; padding-bottom: 25px;border-bottom:1px #ddd solid;}
.HomeArticle .right{ width:47%;}
.HomeArticle .right .one{ padding:25px 0;margin-bottom:20px;border-bottom:1px #ddd dotted;}
.HomeArticle .right .one:hover h4{color:#00aeff}
.HomeArticle .right .one .time{ float:left; margin-right:30px;color:#838383;font-size:42px;}
.HomeArticle .right .one .time font{ display: block;color:#999999;font-size:12px;}
.HomeArticle .right .one h4{color:#333333;font-size:16px;}
.HomeArticle .right .one p{color:#838383;font-size:12px;margin-top:10px;}
.HomeArticle .right .two{ margin:20px 0;overflow: hidden;}
.HomeArticle .right .two a{ display: block;color:#333333;font-size:14px;}
.HomeArticle .right .two span{float:right;color:#999999;font-size:12px;}
.HomeArticle .right .two i{color:#00aeff; margin-right:10px; font-style: normal}
.HomeArticle .right .two .box{display:none;margin:10px 0 0 0; padding: 10px;overflow: hidden;background: #f5f5f5;  }
.HomeArticle .right .two .time{ float:left; margin-right:30px;color:#838383;font-size:42px;}
.HomeArticle .right .two .time font{ display: block;color:#999999;font-size:12px;}
.HomeArticle .right .two p{/*! float:left; */color:#838383;font-size:12px;padding-top:20px;}
.HomeArticle .right .two:hover h4{color:#00aeff}



/*==案例↓==*/
.CaseListBox{margin:0 0 20px 0}
.CaseListBox .list{margin-bottom: 15px;}
.CaseListBox .list li{overflow: hidden; border-bottom: 1px #ddd dashed;}
.CaseListBox .list li a{ display:block; padding:35px 50px 35px 35px;overflow: hidden;}
.CaseListBox .list li .pic{width:30%; margin-right:50px;padding-top: 15%;}
.CaseListBox .list li h4{position:relative;color:#333333;font-size:22px;/*! float: left; *//*! margin-bottom: 30px; *//*! overflow: hidden; *//*! display: flex; *//*! width: 100%; */}
.CaseListBox .list li h4 i{ position: relative}
.CaseListBox .list li h4 i:before{ content: ""; position: absolute; left:-85px;top:5px;width:55px; height:1px; background: #14aafb;z-index: 9;display: table;margin: 10px;}
.CaseListBox .list li p{ color:#666666;font-size:12px;margin:30px 0;line-height: 25px;/*! overflow: hidden; */}
.CaseListBox .list li em{ display: table; width:21px;height:5px; background: url(../images/line05.png) no-repeat -20px 0px;}
.CaseListBox .list li:hover .pic{width:33%;}
.CaseListBox .list li:hover a{ background: #14aafb;}
.CaseListBox .list li:hover h4,.CaseListBox .list li:hover p{color:#fff}
.CaseListBox .list li:hover em{ background-position: 0 0 ;}
.CaseListBox .list li:hover h4 i:before{width:0px;}
.CaseListBox .shoping{
  height:88px;
  padding: 0;
  background: url(../images/productImg/bbg.png) center no-repeat;
  background-size: cover;
  border-top: none;
}
.CaseListBox .shoping .cexperience{
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 #0055DC;
  border-radius: 8px;
  font-size: 24px;
  color: #1FADF6;
  letter-spacing: 0.01px;
  height: 51px;
  line-height: 51px;
  margin:19px 0 0 0;
  padding: 0 48px;
}
.CaseListBox .shoping a:hover{
  background: #F7F7F7;
}

/*==解决方案==*/
.HomeSolution {
  margin: 50px 0 30px 0;
}
.HomeSolution .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 70px;
  background-color: #0185f0;
  color: #ffffff;
  margin-top: 30px;
}
.HomeSolution .title h5 {
  color: #ffffff;
  font-size: 24px;
  /* flex: 200px; */
  width: 380px;
  text-align: center;
}
.HomeSolution .title p {
  color: #ffffff;
  font-size: 24px;
  /* flex: 500px; */
  width: calc(100% - 380px);
  text-align: center;
}
.HomeSolution ul{
  position: relative;
  width: 390px;
  height: 660px;
  overflow-y: auto;
  float: left;
  overflow-x: hidden;
}
/*.HomeSolution ul::-webkit-scrollbar {
  display:none
}*/
.HomeSolution .contant-img {
  width: 790px;
  height: 660px;
  float: right;
  position: relative;
}
.HomeSolution li .left {
  width: 390px;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 10px;
  cursor: pointer;
}
.HomeSolution li>h5, .HomeSolution li>p{
  width: 100%;
}
.HomeSolution li .left>h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.HomeSolution li .left p{
  font-size: 14px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #666666;
}
.HomeSolution .right{
  width: 100%;
 /* position: absolute;
  right: 0;
  top: 0;*/
  height: 660px;
  display: none;
}
.HomeSolution .right img {
  width: 100%;
}
.HomeSolution li>div img{
  width: 100%;
  height: 100%;
}
.HomeSolution .active {
  background-color: #F9FAFC;
  border-left: 2px solid #0185f0
}
.HomeSolution .moveActive {
  background-color: #F9FAFC;
  border-left: 2px solid #0185f0
}
.HomeSolution .moveActive h5{
  color: #0185f0;
}
.HomeSolution .active h5 {
  color: #0185f0;
}
.HomeSolution .active-img {
  display: block!important;
}
/*==产品↓==*/
.ProductListBox .list{float: left;width: 100%;}
.ProductListBox .list li{padding:50px 0;float: left;width: 100%;}
.ProductListBox .list li .pic img{max-width:100%}
.ProductListBox .list li .box h4{color:#191919;font-size:36px;}
.ProductListBox .list li .box .wx{color:#515151;font-size:16px; margin-top:24px;line-height: 30px;}
.ProductListBox .list li.one .box{ float:right;}
.ProductListBox .list li.one .pic{ float:left}
.ProductListBox .list li.two .box{ float:left;}
.ProductListBox .list li.two .pic{ float:right}
.shop-link .wx {position:relative;z-index:10;}
.shop-link .wx div{position:absolute;top:30px;right:-60px;background:#fff;border:1px solid #ddd;padding:9px;top:50px;display:none;}
.shop-link .wx div:before{content: "";position:absolute;left:50%;top:-20px;border:10px solid  transparent;border-bottom-color: #ddd;}
span.close:before{display: none;}
*{outline: none;}
.ProductListBox .list li.one{
  background-color: #FFFFFF;
}
.ProductListBox .list li.two{
  background-color: #F1F7FE;
}
.ProductListBox .list li li{
  font-size: 14px;
  color: #2C3E50;
  letter-spacing: -0.34px;
  line-height: 24px;
  padding: 0;
}
.ProductListBox .list .ttitle{
  font-size: 36px;
  color: #2C3E50;
  letter-spacing: -0.86px;
}
.ProductListBox .list .container{
  overflow: hidden;
  padding: 0;
}
.ProductListBox .pcontainer{
  width: 1200px;
  margin: 0 auto;
}
.ProductListBox .list li.li1 .pic{
  width: 704px;
}
.ProductListBox .list li.li1 .box{
  width: 496px;
  padding: 80px 0px 0 32px;
}
.ProductListBox .list li.li1{
  padding: 80px 0;
}
.ProductListBox .list li.li2 .pic{
  width: 579px;
  margin-right: 60px;
}
.ProductListBox .list li.li2 .box{
  width: 561px;
  padding: 90px 0 0 100px;
}
.ProductListBox .list li.li2{
  padding: 48px 0;
}
.ProductListBox .list li.li3 .pic{
  width: 753px;
}
.ProductListBox .list li.li3 .box{
  width: 447px;
  padding: 30px 0px 0 32px;
  position: relative;
}
.ProductListBox .list li.li3{
  padding: 80px 0;
}
.ProductListBox .list li.li3 .toYjbs{
  position: absolute;
  left: 32px;
  bottom:-48px;
  font-size: 14px;
  color: #2C3E50;
  letter-spacing: -0.59px;
  text-decoration: underline;
}
.ProductListBox .list li.li3 .toYjbs:hover{
  color: #1FADF6;
}
.ProductListBox .list li.li4 .pic{
  width: 775px;
}
.ProductListBox .list li.li4 .box{
  width: 425px;
  padding: 80px 0px 0 0;
}
.ProductListBox .list li.li4{
  padding: 80px 0;
}
.ProductListBox .list li.li5 .pic{
  width: 636px;
}
.ProductListBox .list li.li5 .box{
  width: 564px;
  padding: 80px 0px 0 120px;
}
.ProductListBox .list li.li5{
  padding: 80px 0;
}
.ProductListBox .list li.li6 .pic{
  width: 739px;
}
.ProductListBox .list li.li6 .box{
  width: 461px;
  padding: 60px 0px 0 0;
}
.ProductListBox .list li.li6{
  padding: 80px 0;
}
.ProductListBox .list li.li7 .pic{
  width: 505px;
}
.ProductListBox .list li.li7 .box{
  width: 695px;
  padding: 150px 0px 0 80px;
}
.ProductListBox .list li.li7{
  padding: 8px 0;
}
.ProductListBox .list li.li8 .pic{
  width: 489px;
  margin-right: 100px;
}
.ProductListBox .list li.li8 .box{
  width: 611px;
  padding: 140px 0px 0 80px;
}
.ProductListBox .list li.li8{
  padding: 16px 0;
}
.ProductListBox .shoping{
  height:88px;
  padding: 0;
  background: url(../images/productImg/bbg.png) center no-repeat;
  background-size: cover;
  border-top: none;
}
.ProductListBox .shoping .cexperience{
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 #0055DC;
  border-radius: 8px;
  font-size: 24px;
  color: #1FADF6;
  letter-spacing: 0.01px;
  height: 51px;
  line-height: 51px;
  margin:19px 0 0 0;
  padding: 0 48px;
}
.ProductListBox .shoping a:hover{
  background: #F7F7F7;
}




/*==新闻详细页↓==*/
.newsDetail{float:left;width:100%;}
.newsDetail h2{margin:20px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#9a6834;}
.newsDetail .detailCont{padding:20px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont embed{width:70%;height:500px;margin:auto;display: block;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.pagIng{border-top:1px solid #dadada;padding:30px 15px;overflow:hidden;}
.pagIng .fl{/*! width:100%;*/height:60px;padding-right:30px;/*! border-right:1px solid #dadada;*/}
.pagIng .fl a:hover{color:#14aafb}
.pagIng .fl a{display:block;height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#14aafb;}
.pagIng .fr:hover{background:#000;color:#fff;}
.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}
.relNews{overflow:hidden;margin-top:15px;}
.relNews ul{width:100%;}
.relNews ul li{float:left;margin:0 1%;width:48%;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:200px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;}
.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}
.relNews ul li span{float:right;color:#999;}


/*==次级导航↓==*/
.menu{position:absolute;left:0;bottom:0;width:100%;}
.menu .container{position: relative}
.menu ul{text-align: center;display: table;background:#f2f3f4;width: 100%;}
.menu li{/*! position: relative;*/display:table-cell;}
.menu li a.xa{display: block;margin:0 0px;color:#191919;font-size:16px;border-left:1px #ddd solid;padding: 20px 0px;}
.menu li:hover a.xa, .menu li a.active{color:#fff;background:#14aafb}
.menu li .sub{display: none;position: absolute;left:0;top:100%;background: #fff;box-shadow: 0 0 10px #ddd;width: 100%;z-index: 99;background: #f7f7f7;padding: 20px 10px;}
.menu li:hover .sub{display: block}
.menu li .sub b{float: left;padding: 5px 5px;width:25%;}
.menu li .sub a{/* display: block;*/color:#404040;font-size: 13px;text-align: left;background: none;float: left;padding: 10px 10px 10px 10px;/*! border-bottom: 1px #eee solid;*/}
.menu li .sub a i{font-size:12px;font-style: normal;}
.menu li .sub a:hover{color:#fff;background:#14aafb}
.menu-2{margin:20px 0;text-align:center;float: left;width: 100%;}
.menu-2 .container{overflow:hidden;border-bottom:1px #eee solid;padding-bottom: 25px;}
.menu-2 a{float:left;display:block;color:#666;font-size:16px;padding: 10px 15px;}
.menu-2 a i{color:#14aafb;font-weight: bold;}
.menu-2 a:hover{color:#14aafb}


/*==面包屑↓==*/
.site{margin:30px 0 30px 0;color:#666666;font-size:12px;}
.site .home{padding-left:25px;background: url(../images/home_ico.png) no-repeat left;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#14aafb}


/*==新闻↓==*/
.NewsListBox2 .focusNews{ position: relative;margin: 30px 0 20px 0;}
.NewsListBox2 .focusNews:before{ content: ""; position: absolute; left:0;bottom:0; width:100%; height:90px; background:#f3f3f3;}
.NewsListBox2 .focusNews .pic{ float:left; width:50%;}
.NewsListBox2 .focusNews .right{width:50%;padding:20px 0 0 50px;}
.NewsListBox2 .focusNews .right h4{color:#333333;font-size:22px;}
.NewsListBox2 .focusNews .right p{color:#666666;font-size:12px; margin:30px 0;line-height: 25px;}
.NewsListBox2 .focusNews .right span{ display: block; color:#999999;font-size:12px;}
.NewsListBox2 .focusNews .list li:hover h4{color:#14aafb}
.NewsListBox2 .focusNews .spot{ position: absolute; right:40%;bottom:40px; }
.NewsListBox2 .focusNews .spot li{  display: inline-block; width:12px;height:12px; font-size:0px; margin:0px 7px; border-radius: 50%;background:#c2e5f5;}
.NewsListBox2 .focusNews .spot li.on{background: #00aeff;}
.NewsListBox2 .focusNews em{position: absolute; right:5%;bottom:40px; background: url(../images/line07.png) no-repeat 0 0px;width: 28px;height: 7px;}
.NewsListBox2 .shoping{
  height:88px;
  padding: 0;
  background: url(../images/productImg/bbg.png) center no-repeat;
  background-size: cover;
  border-top: none;
}
.NewsListBox2 .shoping .cexperience{
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 #0055DC;
  border-radius: 8px;
  font-size: 24px;
  color: #1FADF6;
  letter-spacing: 0.01px;
  height: 51px;
  line-height: 51px;
  margin:19px 0 0 0;
  padding: 0 48px;
}
.NewsListBox2 .shoping a:hover{
  background: #F7F7F7;
}
.newsList{padding: 0px 0 0px 0;/*! background-color: #f3f3f3; */margin: 40px 0 0 0; overflow: hidden;}
.newsList li{width: 100%; border-top: 1px #ddd dotted;}
.newsList li a{display: block;padding:30px 0;overflow: hidden;}
.newsList li span{float:left; color:#999999;font-size:50px;/*! margin-right: 50px; */text-align: center;/*! line-height: 9px; */}
.newsList li span font{color:#999999;font-size:12px; display: block;}
.newsList li .middle{ float: left;width:70%;padding: 10px 0 0 20px;}
.newsList li h4{color:#000000;font-size:18px;}
.newsList li p{color:#666666;font-size:12px;margin-top: 15px;}
.newsList li em{ position: relative; float:right;width:100px;height:30px;margin: 20px 0 0 0;border: 1px #ddd solid;/*! padding: 10px; */}
.newsList li em:before{ position: absolute; top:10px;left:33px; content: ""; width:30px;height:7px; background: url(../images/line06.png) no-repeat -30px 0;transition: all .4s ease-in-out;}
.newsList li:hover h4{color:#14aafb}
.newsList li:hover em{ border:1px #14aafb solid; background: #14aafb}
.newsList li:hover em:before{ background-position:  0 0 }
.NewsDetailBox{padding-bottom: 50px;}


/*==关于↓==*/
.AboutBox{margin:50px 0 50px 0;}
.AboutBox .introduction{margin: 0 0 20px 0;}
.AboutBox .introduction .top .video{float:left;width:48.1%;}
.AboutBox .introduction .top .img{float:right;width:51.9%;}
.AboutBox .introduction .top img{max-width:100%}
.AboutBox .introduction .wx{line-height:25px; margin-top:40px;color:#333333;font-size:14px}
.AboutBox .quality{margin: 50px 0 30px 0;}
.AboutBox .quality .title{ color:#000000;font-size:38px;border-top:1px #ddd solid;padding:50px 0 70px 0; text-align: center;font-weight: bold;}
.AboutBox .quality .title font{font-size:24px;color:#000000;display: block;font-weight: 400;}
.AboutBox .quality .box{ float:left; width:33.3%; text-align: center; border-right:1px #ddd dashed;padding: 0 50px;}
.AboutBox .quality .box:last-child{ border-right:0px;}
.AboutBox .quality .box img{ display: block; margin:auto; max-width:100%;}
.AboutBox .quality .box h4{color:#000000;font-size:28px;margin: 26px 0;}
.AboutBox .quality .box p{color:#595959;font-size:14px;line-height:25px}
.AboutBox .honor{ margin:70px 0 50px 0; /*! padding-bottom:50px; */ /*! border-bottom: 1px #ddd solid; */}
.AboutBox .honor .list{padding-bottom: 50px;border-bottom: 1px #ddd solid;overflow: hidden;}
.AboutBox .honor .list li{ float:left;width:25%}
.AboutBox .honor .list li a{ position:relative;margin:10px 20px;display: block;}
.AboutBox .honor .list li h4{ opacity:0;position: absolute; left:0;bottom:0; padding:10px; color:#fff;font-size:14px; text-align: center;background: rgba(0,0,0,0.5);width: 100%;transition: all .4s ease-in-out;}
.AboutBox .honor .list li img{width:100%}
.AboutBox .honor .list li:hover h4{ opacity: 1;}
.AboutBox .ditu{margin:10px 0 30px 0;}
.AboutBox .ditu #dituContent{height:200px}

.AboutBox .shoping{
  height:88px;
  padding: 0;
  background: url(../images/productImg/bbg.png) center no-repeat;
  background-size: cover;
  border-top: none;
}
.AboutBox .shoping .cexperience{
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 #0055DC;
  border-radius: 8px;
  font-size: 24px;
  color: #1FADF6;
  letter-spacing: 0.01px;
  height: 51px;
  line-height: 51px;
  margin:19px 0 0 0;
  padding: 0 48px;
}
.AboutBox .shoping a:hover{
  background: #F7F7F7;
}


/*==购买↓==*/
.shoping{float: left;width: 100%;height:80px;text-align: center;/*! margin: 0 0 90px 0; */position: fixed;z-index: 99;bottom: 0;background: #fff;padding: 15px 0;border-top:1px #ddd solid;}
.shoping a{ display: inline-block; line-height: 50px;color:#fff;font-size:16px;margin:0 10px;}
.shoping a em{ display: inline-block;width: 60px;height: 50px;float: left;}
.shoping a font{padding:0 45px;}
.shoping a.buy{ background: #00aeff; /*! box-shadow: 0 0 10px #000; */box-shadow: 4px 10px 4px #a4d7ef;}
.shoping a.buy em{  border-right:#4dc6ff 1px solid; background: url(../images/buy.png) no-repeat center;}
.shoping .experience{ background: #fe7d7d;box-shadow: 4px 10px 4px #f5cbcb;}
.shoping a.experience em{ border-right:#fea4a4 1px solid; background: url(../images/experience.png) no-repeat center;}
.shoping a:hover{ background: #f60}
.shoping a:hover em{ border-right:1px #ddd solid}


/*==购买页面↓==*/
.shopBox{ margin:30px 0 80px 0}
.product_buy_box{ position: relative;}
.product_buy_box .img img{float:left;margin-right:0;}
.product_buy_box .scm_box .buy_area{width:500px;}
.product_buy_box .scm_box .buy_row .col_ctn{width:270px;}
.product_buy_box .submit_row{padding-left:0;height:80px;}
.product_buy_box .discount_tips{display:block;margin:10px 0 20px 0; font-size: 16px; color: #f87e4e}
.product_buy_box .submit_row .mod_btn_buy{margin-left:90px;margin-top:24px;border-radius: 20px;padding: 5px 30px;color: #fff;display: block;}
.product_buy_box .scm_box .buy_row .price_ctn span{margin-right:10px;}
.product_buy_box .price{margin-right:5px;}
.mod_btn_intension{margin:20px 0 0 90px;display:none;}
/*---*/
.compare_table .price strong{font-size: 24px;color: #FF5500;margin: 0 5px;}
.compare_table .thLeft{width:20%;}
.product_tit{display: inline-block;}
.product_buy_box .buy_area{padding-left: 51px;}
.product_buy_box .buy_area .buy_row .col_ctn{width: 600px;}
.product_buy_box .product_tit strong{line-height:30px;font-weight:inherit;}
#mk-header.transparent-header-sticky, #mk-header.sticky-header{border-bottom: none;}
.product_count_wrap2{ padding-left: 30px; text-indent: 0}
.product_count_wrap2 span{ display: block; padding-left:39px; }
/*---*/
.product_buy_box .select_list .selected i,.product_buy_box .select_list2 .selected i,.product_buy_box .error{background:url('../images/product/buy_icon.png') no-repeat;}
.product_buy_box{padding:40px 0;}
.product_buy_box .img{float:left;width:123px;display:inline;}
.product_buy_box .img img{float: right;display: inline; border-radius: 26px;}
.product_buy_box .buy_tips{float:right;width: 140px;margin-top:10px;padding:10px 15px;background: #fffbf3;border:1px solid #ffcf90;line-height: 1.8;}
.product_buy_box .buy_tips em{color:#ff7f00;}
.product_buy_box .buy_area{float:left;display:inline;width:600px;padding-left:30px;}
.product_buy_box .product_tit{margin-bottom:10px;font-weight:normal;}
.product_buy_box .product_tit strong{font-size:26px;font-weight:bold;color:#444;margin-right:10px; color: #000;}
.product_buy_box .product_tit span{color:#f38907; font-size: 23px; color: #909090}
.product_buy_box .buy_row{zoom:1;line-height:24px;margin-bottom:5px;/*! width: 100%; */}
.product_buy_box .buy_count,.product_buy_box .buy_price{margin-bottom:15px;}
.product_buy_box .buy_row:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.product_buy_box .buy_row .col_tit{float:left;display:inline;width:70px; font-size: 16px; color: #333}
.product_buy_box .scm_box .buy_row .col_ctn {width: 600px !important;}
/* .product_buy_box .buy_row .col_ctn{float:left;width:500px;} */
#price_ctn{height:30px;}
#price_ctn a{color:#f38907;}
.product_buy_box .select_list,.product_buy_box .select_list2{zoom:1;  overflow: hidden; width: 530px; }
.product_buy_box .select_list li,.product_buy_box .select_list2 li{position:relative;float:left;display:inline;margin:0 16px 20px 0; }
.product_buy_box .select_list a,.product_buy_box .select_list2 a{float:left;border:1px solid #c8c8c8; font-size: 14px;min-width: 60px; padding:0 10px;height: 30px; line-height: 30px; display: block; text-align: center;}
.product_buy_box .select_list a:hover,.product_buy_box .select_list .selected a,.product_buy_box .select_list .selected a:hover,.product_buy_box .select_list2 a:hover,.product_buy_box .select_list2 .selected a,.product_buy_box .select_list2 .selected a:hover{position:relative;text-decoration:none;color:#555;border:1px solid #F87E4E; color: #F87E4E}
.product_buy_box .select_list i,.product_buy_box .select_list2 i{display:none;}
.product_buy_box .select_list .selected i,.product_buy_box .select_list2 .selected i{position:absolute;right:0;top:12px;display:block;width:12px;height:12px;line-height:50px;font-size:0;overflow:hidden;background-position:-4px -3px;}
.product_buy_box .input_txt{height:18px;width:40px;padding:2px 3px;line-height:18px;border:1px solid #c8c8c8;color:#555;}
.product_buy_box .price{font-size:24px;color:#ff5500;}
.product_buy_box .user_count .select_list{float:left;display:inline;}
.product_buy_box .user_count .more{float:left;margin-bottom:8px;white-space:nowrap;}
.product_buy_box .user_count .more_user_count{clear:both;display:none;}
.product_buy_box .submit_row{padding-left:70px;height:40px;}
.product_buy_box .error{display:inline-block;height:22px;margin-left:5px;padding:0 10px 0 28px;line-height:22px;border:1px solid #ff7300;background-position:4px -16px;}
/*---*/
.mod_btn{/*! background: url(../images/buy/btn_purchase_normal.png)center no-repeat */background: #f60;}
.mod_btn:hover{ background: #e40e0e;/*background: url(../images/buy/btn_purchase_hover.png)center no-repeat*/}
#buy_price_div{ position: absolute; right: 30px;top:69px; text-align: center; width:260px !important;}
#buy_price_div span:first-child,#buy_price_div span:first-child strong{  color: #f87e4e}
#buy_price_div span:first-child{  font-size: 21px; display: block; margin-bottom: 12px;width:260px !important;}
#buy_price_div span:first-child strong{font-size: 49px; font-weight: normal;}
#buy_price_div span:last-child{ font-size:14px;width:260px !important; display: block; }
#buy_price_div span:last-child del{ font-size:26px;}
#buy_price_div span:last-child,#buy_price_div span:last-child del{color: #e8e8ea;}
#buy_btn_div{ position: absolute;right:90px; top:139px;}
/*---*/
.compare_wrap{margin:30px 0;}
.compare_table{width:100%;border-top: 1px solid #e9e9e9;border-left: 1px solid #e9e9e9; margin-top: 26px;}
.compare_table td, .compare_table th{padding:10px 20px; border-bottom: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;text-align:left; font-size: 16px !important;}
.compare_table th{background: #f6f6f6;font-weight: normal; text-align: center;}
.compare_table td{ line-height: 24px !important;}
.compare_table td span{ padding: 0 10px; color: #e1e1e1}
.compare_table .price{font-weight: bold;margin-bottom: 5px;}
.compare_table a{margin-bottom: 5px;color: #0d87dd;text-decoration: underline;}
/*---*/
.process-box{margin-top: 90px;}
.compare_wrap h3,.process-box h3{text-align: center;font-weight: initial;color: #000 !important;font-size: 24px;margin-bottom: 0px;margin-left:-31px;}
.process-box ul{overflow: hidden;padding-left: 8px;padding-top: 25px;padding-bottom: 8px;}
.process-box ul li{float: left;width: 17%;margin-left: 0px;margin-right: 3%;border: 1px solid #EEF8FF;box-shadow: 0px 2px 8px rgba(0,133,250,0.12);}
.process-box ul li:last-child{margin-right: 0px;}
.process-item-title{height: 40px;text-align: center;font-size: 16px;color: #fff;padding-top: 10px;background: url(../images/bg_rd_2.png);background-size:100%; }
.process-item-content{height: 160px;font-size: 16px;color: #9D9D9D;padding: 19px 15px 0 15px;line-height: 26px;}
/*.process-item-bg1{background: url(../images/zff/bg_rd_1.png);}
.process-item-bg2{background: url(../images/zff/bg_rd_2.png);}
.process-item-bg3{background: url(../images/zff/bg_rd_3.png);}
.process-item-bg4{background: url(../images/zff/bg_rd_4.png);}
.process-item-bg5{background: url(../images/zff/bg_rd_5.png);}*/

/*==底部===*/
.footer{padding: 60px 0 0 0;background: #393f4d;overflow: hidden;}
.footer .left{width:50%; border-right:1px #585e6c dotted;padding-right: 50px;display: table;}
.footer .left img{ /*! float:left; */ margin-right: 40px;/*! display: inline-block; */display: table-cell;}
.footer .left p{ margin-left:20px;color:#d5d5d5;font-size:12px;/*! display: inline-block; *//*! height: 100px; *//*! float: left; */display: table-cell;vertical-align: top;}
.footer .left p font{  line-height: 25px;/*! display: inline-block; *//*! width: 50%; *//*! float: left; */}
.footer .left p b{ font-size:18px;color:#fff;font-weight:bold; margin-bottom:20px;display: block;}
.footer .middle{width:25%;color:#d5d5d5;font-size:12px;border-right:1px #585e6c dotted;padding: 0 50px;line-height: 25px;}
.footer .middle a{color:#d5d5d5;font-size:12px}
.footer .middle a:hover{color:#fff}
.footer .right{width:25%;color:#333;font-size:12px; /*! text-align: center; */padding-left: 50px;}
.footer .right span{ display: inline-block; width:50%; padding:0 5px;text-align: center;float: left;color: #fff;font-size: 12px;}
.footer .right span img{ margin-bottom:10px;display: block;max-width: 100%;}
.footer .link{margin-top:30px;padding:20px 0; background: #343a47;}
.footer .link h3{color:#fff;font-size:12px;float: left;}
.footer .link h3 font{color: #14aafb;margin-left: 5px;}
.footer .link a{color:#aaaaaa;font-size:12px;display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}
.footer .link a:last-child{border:none;}
.footer a:hover{color:#fff}



@media all and (min-width:1920px){
  .logo .logo-left{width:196px;}
  .logo .logo-right{width:120px; margin-left: 4px;position: relative;top: -4px;}
  .footer{padding: 58px 0 0 0;background: #393f4d;overflow: hidden;}
}

/*==响应↓==*/
@media all and (max-width:1920px){
.logo .logo-left{width:196px;}
.logo .logo-right{width:108px; margin-left: 6px;position: relative;top: -4px;}
/**/
.focusBanner .long li .wor{padding-top: 165px;}
.focusBanner .long li .wor h3{font-size:80px;}
.focusBanner .long li .wor span{  font-size:35px;}
.focusBanner .long li .wor a{font-size:16px;padding:10px 50px;margin-top: 22px;}




}
@media all and (max-width:1300px){}
@media all and (max-width:1200px){

.logo .logo-left{width:148px;}
.logo .logo-right{width:84px;margin-left: 3px;position: relative;top: -4px;}
.header .nav{margin: 10px 0 0 60px;}
.header .sign, .header .search{margin:12px 0 0 15px;}
.CaseListBox .list li .pic{/*! width:20%; */padding-top: 17%;}
/**/
.focusBanner .long li .bg{height:500px;}
.focusBanner .long li div.wor{padding-top: 105px;}
.focusBanner .long li div.wor h3{font-size:80px;}
.focusBanner .long li div.wor span{ font-size:35px;}
.focusBanner .long li div.wor a{font-size:16px;padding:10px 50px;}
.NewsListBox2 .list-top .two:last-child{display:none}
.NewsListBox2 .focusNews .right{width:50%;padding:10px 0 0 50px;}
.NewsListBox2 .focusNews .right p{color:#666666;font-size:12px; margin:11px 0;line-height: 25px;}
.NewsListBox2 .focusNews .spot{ position: absolute; right:37%;bottom:20px; }

}


@media all and (max-width:1000px){

.logo .logo-left{height:40px;margin-left: 2px;width:158px}
.logo .logo-right{height:40px;width:auto;margin-left: 2px;}
.header .nav{margin: 10px 0 0 10px;/*! display:table; */}
.header .entrance{line-height: 40px;}
.header .nav li a{font-size:14px; margin: 0 28px;}
.header .sign, .header .search{margin:12px 0 0 15px;}
.titleAx{margin:10px 0;font-size:25px;}
.titleAx font{font-size:14px;margin-top: 5px;}
.footer .left{ padding-right:10px}
.footer .middle{padding:0 20px}
.footer .right{padding-left:10px;}
.ProductShow .sTopRight .online{float:left;margin-left:0;/*! clear: both;*/}
.NewsListBox2 .list-top .one{width:100%;padding-right: 0px;}
.NewsListBox2 .list-top .two{width:100%}
.NewsListBox2 .focusNews{width:100%;padding-right:0px;}
.sboxPN .prev,.sboxPN .nex{display: none}
.bannerBox .digital li{padding:10px 20px;}
.bannerBox .digital li span{font-size:26px; }
.bannerBox .digital li h5{font-size:12px;}
.slideBanner .spot{ bottom:80px; }
/**/
.focusBanner .long li div.bg{height:500px;}
.focusBanner .long li div.wor{padding-top: 105px;}
.focusBanner .long li div.wor h3{font-size:80px;}
.focusBanner .long li div.wor span{ font-size:35px;}
.focusBanner .long li div.wor a{font-size:16px;padding:10px 50px;}


.HomeExplain{margin:40px 0 40px 0;}
.HomeExplain .list{ margin-top:30px;}
.HomeExplain .list li{ width:16.6%; padding:0 20px; }
.HomeExplain .list li h4{margin:20px 0 15px 0;color:#191919;font-size:14px;}
.HomeExplain .list li p{font-size:12px;}
.HomeCase{ margin:10px 0 20px 0;}
.HomeCase .list{ margin-top:30px;}
.HomeCase .list li{width:50%;}
.HomeCase .list li .logo{ height:30px;}
.HomeCase .list li .title{font-size:12px; left:10px;bottom: 10px;width:100%; text-align: center}
.HomeCase .list li .box h4{font-size:14px; margin:10px 0 10px 0;}
.HomeCase .list li .box p{ font-size:12px;line-height: 22px;}
.HomeCase .more{ display:table;margin:35px auto; color:#666666;font-size:14px; text-align: center;}
.HomeArticle{margin:20px 0 50px 0;}
.HomeArticle .left{width:100%;}
.HomeArticle .left img{max-width:100%; margin:auto;display: table}
.HomeArticle .title{font-size:23px; padding-bottom: 20px;}
.HomeArticle .right{ width:100%;margin-top:30px;}
.titleBx{font-size:30px;padding:20px 0 30px 0;}
.ProductListBox .list li{padding:30px 0;}
.ProductListBox .list li .box h4{font-size:20px;}
.CaseListBox .list li .pic{ width:40%;  padding-top: 20%;height:100px; }
.CaseListBox .list li p{margin:10px 0;line-height:20px;}
.site{margin:20px 0 10px 0}
.NewsListBox2 .focusNews .right{padding:0px 0 0 20px;}
.NewsListBox2 .focusNews .right h4{font-size:16px;}
.NewsListBox2 .focusNews .right p{font-size:12px; margin:10px 0;line-height: 20px;}
.NewsListBox2 .focusNews .right span{ display: block; color:#999999;font-size:12px;}
.NewsListBox2 .focusNews .spot{ right:38%;bottom:20px; }
.AboutBox .quality{margin: 20px 0 30px 0;}
.AboutBox .honor{margin: 30px 0 30px 0;}
/*.header.navFix{position: fixed;top: 98px;left: 0;z-index:99;width:100%;}
.topBar.navFix{position: fixed;top: 66px;left: 0;z-index:99;width:100%;}*/
.actFix{height: 66px;display: none}
}

@media all and (max-width:860px){

.header .nav{margin: 10px 0 0 10px;/*! display:table; */}
.header .nav li a{font-size:14px; margin: 0 24px;}
.header .entrance{line-height: 40px;}

}


@media all and (max-width:760px){

.head-top{display: none}
.header{ position:fixed;z-index:99;padding:10px 0; background: #fff;}
.header .nav{display: none}
.header .entrance{display: none;}
.header .sign{ display:none;position: absolute;right: 75px;top: 5px;}
.header .search{ display: none}
.topBar .topRight {
  display: none!important;
}
.topBar .wap_topRight{
  display: block;

}
.topBar .wap_topRight .userCenterBtn {
  color: #1FADF6;
}
.topBar .tip_login {
  display: none;
  position: absolute;
  right: 0;
  top: 31px;
  z-index: 999;
  background-color: rgba(0,0,0,0.7);
  padding: 0 10px;
  text-align: center;
}
.topBar .tip_login li a{
  color: #ffffff
}
.topBar .topLeft .p20{
  margin-right: 0px;
}
.topBar .grWidth{
  width:100%;
  margin:0 auto;
  overflow: hidden;
  padding: 0 10px;
}
.topBar .topLeft p {
  margin-right: 15px;
}
.topBar.navFix{z-index:101}
.Topboxlong{ height:60px;clear: both;float: left;width: 100%;}
.menu{position: initial;margin: 15px 0 20px 0;}
.menu li a.xa{margin:0 0px;font-size:13px;padding: 10px 0px;}
.menu-2{margin:0px 0 20px 0;}
.menu-2 .container{padding-bottom: 10px;}
.menu-2 a.xa{font-size:12px;padding: 5px 8px;}
.site{display: none}
.focusBanner .long li div.bg{height:auto;}
.focusBanner .spot{ bottom:15px; }
.bannerBox .digital{ position: initial;background: none;border-bottom: 1px #ddd solid;padding: 10px 0;}
.bannerBox .digital li{padding:5px 5px;width: 50%;border: none;}
.bannerBox .digital li span{font-size:20px; color: #666;}
.bannerBox .digital li h5{font-size:12px;color: #666;}
.NewsDetailBox{padding-bottom: 30px}
.pagIng{margin-bottom:0px;border-top:1px #ddd solid;border-bottom:0px;border-left:0px;border-right:0px;border-bottom:0px;padding:10px 1px 1px 1px;}
.newsDetail{margin-top:30px;}
.newsDetail h2{font-size: 17px;margin:0px 0 0 0;border-bottom: 1px #ddd solid;}
.newsDetail .msg{ border: 0px;padding-top:5px;}
.newsDetail .msg span{ display:none}
.newsDetail .msg span:nth-child(3){ display: block;}
.pagIng .fl a{font-size:12px;height: 25px;}
.relNews ul li{width:98%;}
.pagIng .fl{width:100%;margin-bottom: 10px;}
.pagIng .fr{display:table;margin:10px auto 0;float: none;}
.NewsListBox2{margin-top:0px;}
.NewsListBox2 .focusNews{margin-bottom:10px}
.NewsListBox2 .focusNews::before{ height:20px;}
.NewsListBox2 .focusNews em{ display: none}
.NewsListBox2 .focusNews .spot{right:0;}
.NewsListBox2 .focusNews .spot li{ width:8px;height:8px; font-size:0px; margin:0px 5px; border-radius: 50%;}
.NewsListBox2 .focusNews .list li .pic .time{font-size:20px;padding: 10px 10px;}
.NewsListBox2 .focusNews .list li .pic .time font{font-size:12px;}
.NewsListBox2 .focusNews .list li h4{margin-top:0px;font-size:14px;}
.NewsListBox2 .focusNews .list li p{margin:5px 0;font-size:12px;display: none;}
.NewsListBox2 .focusNews .right span{margin-top:5px;}
.newsList{margin: 20px 0 0 0; }
.newsList li{width:100%}
.newsList li a{padding:10px 0;}
.newsList li span{font-size:42px;width: 10%;}
.newsList li .middle{width:90%;padding: 10px 0px 0 30px;}
.newsList li h4{font-size:14px;}
.newsList li p{margin-top: 9px;}
.newsList li em{ display: none }
.NewsDetailBox{padding-bottom: 30px;}
.sboxPN .prev,.sboxPN .next{display: none;}
.titleAx{margin:10px 0;font-size:18px;}
.titleBx{font-size:18px;padding:10px 0 15px 0;}
.HomeExplain{margin:10px 0 10px 0;}
.HomeExplain .list{ margin-top:20px;}
.HomeExplain .list li{ width:33.3%; padding:0 5px 15px 5px; }
.HomeExplain .list li h4{margin:10px 0 10px 0;color:#191919;font-size:14px;flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.HomeExplain .list li p{font-size:12px;height: 50px;}
.HomeCase{ margin:5px 0 20px 0;}
.HomeCase .list{ margin-top:20px;}
.HomeCase .list li{width:50%;}
.HomeCase .list li .box{padding:10px;width:70%}
.HomeCase .list li .logo{ height:25px;}
.HomeCase .list li .box h4{font-size:13px; margin:10px 0 5px 0;}
.HomeCase .list li .box p{ display: none; font-size:12px;line-height: 22px;}
.HomeCase .more{ display:table;margin:15px auto; color:#666666;font-size:14px; text-align: center;}
.HomeArticle{margin:5px 0 30px 0;}
.HomeArticle .left{width:100%;}
.HomeArticle .title{font-size:18px; padding-bottom: 10px;}
.HomeArticle .right{ width:100%;margin-top:20px;}
.HomeArticle .right .one{ padding:15px 0;margin-bottom:5px;}
.HomeArticle .right .one .time{  margin-right:15px;font-size:30px;}
.HomeArticle .right .one h4{font-size:14px;}
.HomeArticle .right .one p{font-size:12px;margin-top:5px;}
.HomeArticle .right .two{ margin:13px 0;}
.HomeArticle .right .two a{font-size:12px;}
.HomeArticle .right .two i{ margin-right:10px;}
.ProductListBox .list li{padding:20px 0;}
.ProductListBox .list li .pic{width:100%;}
.ProductListBox .list li .box{width:100%;}
.ProductListBox .list li .box h4{font-size:18px;}
.CaseListBox{margin:0 0 20px 0}
.CaseListBox .list{margin-bottom: 10px}
.CaseListBox .list li{float:left;width:50%;border: none;}
.CaseListBox .list li a{margin:0 5px 15px 5px; padding:0px;}
.CaseListBox .list li .pic{width:100%; margin-right:0;padding-top: 0;}
.CaseListBox .list li h4{font-size:14px;height:35px;margin: 10px 0 0 0;}
.CaseListBox .list li h4 i:before{ display: none; left:-85px;top:5px;width:55px;}
.CaseListBox .list li p{ font-size:12px;margin:10px 0;line-height: 20px;}
.CaseListBox .list li:hover .pic{width:100%}
.AboutBox{margin:30px 0 30px 0;}
.AboutBox .introduction{margin: 0 0 10px 0;}
.AboutBox .introduction .top .video{width:48.1%;}
.AboutBox .introduction .top .img{width:51.9%;}
.AboutBox .introduction .wx{line-height:25px; margin-top:20px;font-size:12px}
.AboutBox .quality{margin: 20px 0 20px 0;}
.AboutBox .quality .title{ font-size:18px;padding:20px 0 20px 0; }
.AboutBox .quality .title font{font-size:12px;}
.AboutBox .quality .box{  width:33.3%; padding: 0 20px;}
.AboutBox .quality .box h4{font-size:14px;margin: 10px 0;}
.AboutBox .quality .box p{font-size:12px;line-height:22px}
.AboutBox .honor{ margin:20px 0 20px 0;}
.AboutBox .honor .list{padding-bottom: 20px;}
.AboutBox .honor .list li{width:50%;}
.AboutBox .honor .list li a{margin:5px 10px;}
.AboutBox .honor .list li h4{ padding:10px; font-size:14px; }
.HomeSolution .moveActive {
  background-color: #F9FAFC;
  border-left: 0px
}
.HomeSolution .active {
  border-left: 0px
}
.HomeSolution ul {height: 660px;}
.HomeSolution .title{display: none}
.HomeSolution li .right {width: 100%;height: 300px}
.HomeSolution li .left {width: 100%;padding: 20px;cursor: pointer;}
.HomeSolution .active-img {display: block!important;}
.HomeSolution .contant-img {width: 100%;height: 300px;float: right;position: relative;}
.shoping{margin: 0 0 0px 0; display: none}
.shoping a{ line-height: 40px;font-size:13px;margin:0 10px;}
.shoping a em{ width: 50px;height: 40px;}
.shoping a font{padding:0 20px;}
.shoping a.buy{ box-shadow: 4px 5px 4px #a4d7ef;}
.shoping .experience{ box-shadow: 4px 5px 4px #f5cbcb;}
.shoping a.experience em{background: url(../images/experience.png) no-repeat center;}
.shopBox{margin:0 0 30px 0}
.product_buy_box{padding:20px 0;}
.product_buy_box .img{ display:none;}
.product_buy_box .buy_area{width:100%; padding-left:0px;}
.product_buy_box .product_tit strong{font-size: 16px;}
.product_buy_box .product_tit{ margin-bottom:0px}
.product_buy_box .product_tit span{font-size:12px;}
.product_buy_box .discount_tips{margin:5px 0 10px 0;font-size: 12px;}
.product_buy_box .buy_row .col_tit{margin-bottom:10px;font-size:14px;}
.product_buy_box .buy_area .buy_row .col_ctn{width:100%;}
.product_buy_box .select_list, .product_buy_box .select_list2{width: 100%}
.product_buy_box .select_list li, .product_buy_box .select_list2 li{margin:0 10px 10px 0;}
.product_buy_box .select_list a, .product_buy_box .select_list2 a{ font-size:12px}
#buy_price_div{width:100%;position: initial;}
#buy_btn_div{width:100%;position: initial;}
.product_buy_box .submit_row .mod_btn_buy{float:left;margin: 0px;}
#buy_price_div span:first-child strong{font-size:30px;}
#buy_price_div span:first-child{font-size:14px;margin-bottom:5px;}
#buy_price_div span:last-child del{font-size:18px;}
.compare_wrap{margin:10px 0 10px 0}
.compare_wrap h3, .process-box h3{font-size:18px;}
.compare_table{margin-top:15px;/*! font-size: 12px; */font-size: 12px !important;}
.compare_table td, .compare_table th{font-size: 12px !important;}
.compare_table .thLeft{width:30%;padding: 10px 5px;}
.process-box{margin-top:30px;}
.process-box ul{padding-top:15px;}
.process-box ul li{width:30.3%; margin-right:3%;margin-bottom: 12px;}
.process-item-title{font-size:14px;}
.process-item-content{font-size:12px;height:120px;padding: 10px;}
.footer{padding: 30px 0 0px 0;margin-bottom:50px;}
.footer .left{width:100%; border-right:1px #585e6c dotted;padding-right: 0px;}
.footer .left img{ margin-right: 40px;display: none;clear: both;}
.footer .left p{ margin-left:0px;color:#d5d5d5;font-size:12px;/*! display: inline-block; *//*! height: 100px; *//*! float: left; */display: block;vertical-align: top;/*! line-height: 15px; */}
.footer .left p font{  line-height: 22px;}
.footer .left p b{ font-size:15px; margin-bottom:10px;}
.footer .middle{width:100%;border-right:1px #585e6c dotted;padding: 0 0px;line-height: 21px;margin: 10px 0 0 0;}
.footer .right{width:100%;padding-left: 0px;margin-top: 15px;}
.footer .right span{  width:50%; padding:0 5px;}
.footer .right span img{ margin-bottom:10px;margin: 0px auto 10px;}
.footer .link{ /*! display: none; */margin-top:30px;padding:20px 0; background: #343a47;}
}

/* 点击售后售前客服弹窗 */
.sevicecover{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
  }
  .cbody {
    position: absolute;
    background-color: white;
    padding: 0;
    width: 360px;
    height: 240px;
    font-size: 14px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
    box-sizing: border-box;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    border-radius: 8px;
  }
  .sevicecover .cbody .actionRow{
    padding: 0 40px;
  }
  .sevicecover .cbody .actionRow .primary{
    color: #ffffff;
    border: none;
    outline: none;
    border-radius: 4px;
    background-image: linear-gradient(-180deg, #42C7FB 0%, #1FADF6 100%);
    box-shadow: 0 2px 8px 0 rgba(31,173,246,0.34);
    border-radius: 14px;
    width: 126px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
  }
  .sevicecover .cbody .actionRow .primary a{
      color: #ffffff;
  }
  .sevicecover .cbody .actionRow .beforeprimary{
    color: #ffffff;
    border: none;
    outline: none;
    border-radius: 4px;
    background-image: linear-gradient(-180deg, #42C7FB 0%, #1FADF6 100%);
    box-shadow: 0 2px 8px 0 rgba(31,173,246,0.34);
    border-radius: 14px;
    width: 126px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
  }
  .sevicecover .cbody .actionRow .beforeprimary a{
    color: #ffffff;
  }
  .sevicecover .cbody .actionRow .default{
    border: none;
    outline: none;
    border-radius: 4px;
    margin-right: 26px;
    background-image: linear-gradient(-180deg, #ECECEC 0%, #D9D9D9 100%);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);
    border-radius: 14px;
    color: #8896A4;
    font-size: 12px;
    width: 126px;
    height: 30px;
    line-height: 28px;
  }
  .sevicecover .content{
    font-size: 13px;
    line-height: 1.5;
    float: none;
    padding: 0 20px;
    height: 108px;
    color: #516374;
  }
  .se-close {
    display: block;
    position: absolute;
    top: 12px;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: url('../images/hopeAddImages/popo-close.png') center no-repeat;
    background-size: cover;
    right: 12px;
    color: #ffffff;
  }
  .se-close::before{
    display: none;
  }
  .cbody .c-title {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 24px;
    font-weight: bold;
    background-image: linear-gradient(-180deg, #42CCFB 0%, #1FADF6 100%);
    border-radius: 8px 8px 0 0;
    font-size: 15px;
    color: #ffffff;
  }


  /* 伙伴查询 */
.friends-cover{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.friends-cover .cbody .attention-text{
  color:#1FADF6;
  padding: 16px;
}
.friends-cover .cbody {
  height: auto;
  width: 368px;
  transform: translate(-50%, -50%);
}

.friends-cover .content{
  font-size: 13px;
  line-height: 1.5;
  padding: 16px;
  color: #516374;
}
.friends-close {
  display: block;
  position: absolute;
  top: 12px;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: url('../images/hopeAddImages/popo-close.png') center no-repeat;
  background-size: cover;
  right: 12px;
  color: #ffffff;
}
.friends-close::before{
  display: none;
}
.cbody .friends-title {
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin-bottom: 24px;
  font-weight: bold;
  background-image: linear-gradient(-180deg, #42CCFB 0%, #1FADF6 100%);
  border-radius: 8px 8px 0 0;
  font-size: 15px;
  color: #ffffff;
  padding-left: 16px;
}
.search-wrap{
  padding-left: 16px;
}
#company-name-input{
  width: 288px;
  display: inline-block;
  vertical-align: top;
}
#company-name-button{
  display: inline-block;
  background: url('../images/hopeAddImages/search-btn.png') 12px 8px no-repeat;
  background-size: 24px 24px;
  background-color: #1fadf6;
  position: relative;
  left: -5px;
  width: 48px;
  height: 38px;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}
/* #company-name-button img{
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 12px;
  z-index: 1;
} */
.search-result{
  display: none;
  padding: 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.search-none{
  display: none;
  text-align: center;
  margin-top: 16px;
}
.r-title,.r-label{
  font-weight: bold;
}
.search-result>div{
  padding: 4px 0;
}
.topBar .topLeft .p20{
  background: none;
  padding-left: 0;
}
.topBar .topLeft .p20 img{
  width: 20px;
  position: relative;
  top: -6px;
}
.topBar .topLeft .p20 a {
  color: #1FADF6
}
.HomeExplain .list li > p {
  line-height: 20px;
}