@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
body{font:15px/180% Arial, Helvetica, sans-serif ,"微软雅黑";}

.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.clearfix:after,.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

.mr20{margin-right:20px}

.zq-icon{display:inline-block;background:url(../images/icon.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}

.card-area{margin:0px auto 0;height:540px;width:1200px;position:relative;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:17%;height:521px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#1b77b9;border-left:1px solid #3285c0}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:376px;position:absolute;top:145px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:49%;height:535px}
.card-area .card-item.active .card .card-title{background-color:#3db1ea;height:159px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}





body{background:#efefef;}
	*{margin:0px;padding:0px;}

  /*头部css样式开始*/
	     .biaotou{/*高*/height:60px;/*背景颜色*/background:#fff;position: fixed;top: 0;width: 100%;/*position: fixed;top: 0;width: 100%;固定导航位置*/background-color: #f0f0f0;position: fixed;top: 0;left: 0;z-index:10;}


  a{text-decoration: none;color: #494949;}
    body{font-size: :15px;}
    .clear{clear: both;}
    .head_top{background: #000;height: 30px;width: 100%;color: #fff;}
    .head_top_left{text-align: left;line-height: 30px;font-size: 13px;padding-left:10px;float: left;}
     .head_top_left a{color: #fff;text-align: left;line-height: 30px;font-size: 13px;padding-left:10px;float: left;}
    .head_top_center{line-height: 30px;font-size: 13px;padding-left:10px;float: right;}
    .head_top_right{text-align: right;line-height: 30px;font-size: 13px;padding-right:10px;}
   
  ul li{text-decoration: none;list-style:none ;}
      .header{height:60px;background:#fff;line-height: 60px;box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2); background-color: #f0f0f0;/* 水平偏移 垂直偏移 模糊半径 颜色 */}
          .header a>img{float: left;width: 135px;height:60px }
      .header ul{float: left;}
      .header ul li{float: left;margin-left:20px;width: 100px;text-align: center;cursor: pointer;}
      /*.header ul li:hover{border-bottom: 3px solid red;height: 57px;}*/
          .header ul li a:hover {color: red;font-weight:bold;}
              .header div{float: right;}
              .header div a{display: inline-block;width: 50px;height: 57px;text-align: center;}
              .header div a:hover {color: #000000;font-weight:bold;background:rgba(109,122,138,0.2);border-bottom: 3px solid #000;}
              /*.header_x{height: 500px;background: #000;display: block;margin-left: 0x;}
              .header ul li:hover .header_x{display: block;}*/


/*幻灯片开始*/

    .huandengpain{height: 580px;width:100%;padding-top: 60px;}
    .hdp_bottom{background: #fff;width: 100px;height: 200px;}

.slider-container {
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
}

.slider-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  transition: left 0.5s;
}

.slider-item.active {
  left: 0;
}

.slider-item img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

/*正文开始*/

	.center{width:1200px;/*居中*/margin:0px auto;}
	.buttom{height:200px;background:#F33;}
	.center_pic{width:100%;height:510px;/*上下边距10px,左右0px*/margin:10px 0px;/*边框圆角7px*/border-radius:7px;background:#FFF;position: relative;}
	.center_picl{width:216px;height:510px;background:#b60703;/*边框圆角7px*/border-top-left-radius:7px;border-bottom-left-radius:7px;float:left;/*浮动*/}
	.center_picl ul{margin: 10px 0 20px;}
  .center_picl ul li{height: 60px;line-height: 60px;font-size: 18px;padding-left: 30px;}
  .center_picl ul li span{color: #ccc;float: right;margin: 0px 10px;}
  .center_picl ul li a{color: #ccc;}
  .center_picl ul li a:hover{color: #000000;}
  .center_picl ul li:hover{background: #ffffff;font-}
  .menu{width: 700px;height: 450px;background: #fff;/*相对定位*/position: absolute;top: 0px;left: 216px;/*右下角圆角*/border-bottom-right-radius: 5px;/*隐藏*/display: none;}
  .center_picl ul li:hover .menu{display: block;}
  .menu{width: 700px;height: 450px;background: #fff;
  position: absolute;top:0px;left:216px; 
  border-bottom-right-radius:10px;display: none; 
    font-size: 12px;}
.content_picl ul li:hover .menu{display: block;}
.menu_content{height: 350px;width: 600px;
  border-top: 1px solid #ccc;margin: 50px auto;
  position: relative;
}
.menu_content h1{position: absolute;top:-10px;background: #fff;line-height: 20px;padding-right:0px 15px;width: 80px;}



  .center_picr{width:984px;height:510px;margin:10px 0px;/*边框圆角7px*/border-top-right-radius:7px;border-bottom-right-radius:7px;float:left;/*浮动*/}
	.pic_r_menu{height:40px;background:red;margin:10px 0px;}
	.pic_r_img{height:330px;background:#CF6;}
	.pic_r_ad{height:90px;background:#0CC;margin:10px 0px 10px;}
	
	
	.content_title{height:418px;border-radius: 10px;margin-top:20px;}
	.content_title div{float: left;background: #fff;border-radius: 10px; }
	.content_title_l{width:300px; height:418px;}
	.content_title_m{width:600px; height:418px;margin: 0px 20px;}
	.content_title_r{width:260px; height:418px;}
	
	.content_text{height: 500px;margin: 20px 0px;border-radius: 10px;  }
	.content_text div{float: left;background: #fff;border-radius: 10px; }
	.content_text_l{width:320px; height:500px;}
	.content_text_m{width:520px; height:500px;margin: 0px 20px;}
	.content_text_r{width:320px; height:500px;}

	.content_Img {width:1200px;height:80px;background: url(static/images/left.png);margin: 0px 0px 10px auto;border-radius: 10px;  }
	
	

.h-link{background:#ffffff url(images/h_link_bj.png) center top no-repeat;width: 100%;height: 230px;}
.h-link .link_text{padding-top: 100px;}
.h-link .link_text .g-tt{width: 120px;float: left;font-size: 14px;color: #666666;}
.h-link .link_text .g-text{float: left;width: 1080px;overflow: hidden;}
.h-link .link_text .g-text a{color: #666666;margin-bottom: 5px;margin-right: 10px;display: inline-block;}
/*底部开始*/
.footer{background-color: #313243;position: relative;z-index: 2;}
.footer_top{height: 108px;background-color: #2c2d3f;}
.inner{width: 1200px;margin: 0 auto;overflow: hidden;}
.footer_top li{float: left;width: 33.33%;height: 108px;line-height: 108px;}
.txt_l{text-align: left;}
.txt_c{text-align: center;}
.txt_r{text-align: right;}
.footer_top li .footer_icon{margin: 20px 22px 0 0;}
.footer_icon{display: inline-block;width: 60px;height: 66px;background: url(images/footer_top.png) no-repeat;vertical-align: top;}
.footer_icon.fir{background-position: 0 -3px;}
.footer_top li span{color: #ffffff;font-size: 20px;}
.footer_icon.sec{background-position: 0 -103px;}
.footer_icon.thir{background-position: 0 -203px;}
.footer_mid{padding: 38px 0;border-bottom: 1px solid #3b3d4c;border-top: 1px solid #3b3d4c;}
.footer_nav{width: 1500px;float: left;}
.footer_nav ul{float: left;margin-left: -24px;padding-left: 24px;width: 230px;height: 224px;border-left: 1px solid #3b3d4c;}
.footer_nav .footer_nav_special{width: 280px;}
.footer_nav li h4{height: 30px;line-height: 30px;font-size: 18px;color: #fff;padding-bottom: 5px;}
.footer_nav li a, .footer_nav li span{line-height: 32px;font-size: 14px;color: #89898b;}
.footer_nav li a:hover{color: #fff;}

.footer_nav li span{display: inline-block;width: 118px;text-align: center;margin-right: 15px;}
.footer_nav li img{margin: 15px 15px 20px 0;}
.footer_bot{padding: 12px 0;overflow: hidden;text-align: center;background-color: #313243;}
.footer_bot p, .footer_bot a{height: 28px;line-height: 28px;font-size: 14px;color: #89898b!important;}
.footer_bot p>em{margin: 0 10px;}

#footer_alert{width:100%;height:58px;position:fixed;left:0;bottom:-100px;background:#e9e9e9;background:rgba(233,233,233,0.9);z-index:999;}
#footer_alert .wrap{position:relative;height:100%;}
#footer_alert .img{width:96px;height:66px;position:absolute;left:240px;bottom:7px;}
#footer_alert .txt{font-size:24px;color:#535353;line-height:58px;margin-left:380px;float:left;}
#footer_alert .txt span{font-family:"Arial";font-size:32px;color:#3eb3a0;margin:0 10px;vertical-align:bottom;}
#footer_alert .btn{width:166px;height:38px;line-height:38px;font-size:16px;color:#fff;float:right;margin-right:200px;margin-top:11px;background:#0382db;display:inline-block;text-decoration:none;text-align:center;-moz-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;}
#footer_alert .topic{line-height:38px;}


.right_side{position: absolute;right: 0;top: 35%;width: 60px;height: 245px;z-index: 80000;}
.right_side ul{}
.right_side ul li{width: 60px;height: 60px;border-bottom: 1px solid #3197f0;background: #2c88d8 url(images/right_ico.png) no-repeat;cursor: pointer;position: relative;-webkit-transition: background 0.5s ease-out ;-moz-transform:background 0.5s ease-out;transition: background 0.5s ease-out ;}
.right_side ul li:hover{background:#FFFFFF url(images/right_hover_ico.png) no-repeat;}
.right_side ul li.qq{background-position: center 17px;border-top-left-radius: 5px;}
.right_side ul li.qq div{display: none;background-color: #f9f9f9;position: absolute;right: 60px;width: 180px;height: 300px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;overflow: hidden;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);box-shadow:-7px 0px 10px rgba(0,0,0,0.2);}
.right_side ul li.qq div dt{text-align: center;height: 60px;line-height: 60px;background-color: #ffffff;}
.right_side ul li.qq div dd{height: 60px;line-height: 60px;color: #666666;margin: 0 auto;width: 160px;font-size: 16px;border-bottom: 1px dotted #dedede;text-indent: 80px;background: url(images/qqbg.gif) no-repeat 30px 17px;}
.right_side ul li.qq div dd a{display: block;}
.right_side ul li.qq div dd a:hover{color: #556c9c;}
.right_side ul li.tel{background-position: center -44px;}
.right_side ul li.tel div{display: none;border-bottom-left-radius: 5px;border-top-left-radius: 5px;position: absolute;right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);height: 60px;line-height: 60px;padding: 0 20px;font-size: 24px;font-weight: bold;color: #217cc8;background-color: #ffffff;white-space: nowrap}
.right_side ul li.wx{background-position: center -105px;}
.right_side ul li.wx div{border-radius: 5px;display: none;position: absolute;top: -45px;right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);overflow: hidden;}
.right_side ul li.top{background-position: center -166px;border: none;border-bottom-left-radius: 5px;}
.right_side ul li:hover div{display: block;}
.right_side ul li.qq:hover{border-radius: 0;}

/*方案*/
.fang_top{width:100%;height:585px;background: url(images/cbg.jpg) no-repeat center;overflow:hidden;padding-top:160px;}
.fang_top .text{text-align: center;}
.fang_top .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text .xt{height: 1px;width: 145px;margin: 15px auto 0;border-bottom: 1px solid rgba(255,255,255,0.5);}
.fang_list{width:100%;height:auto;margin-top:27px;}
.fang_list li{width:140px;height:auto;float:left;margin-right:72px;margin-bottom:30px;text-align:center;}
.fang_list li:nth-child(6n){margin-right:0;}
.fang_list li a{display:block;width:100%;height:100%;overflow:hidden;}
.fang_pic{width:140px;height:140px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-box-shadow: 0px 0px 35px -10px #858585;-webkit-box-shadow: 0px 0px 35px -10px #858585;box-shadow: 0px 0px 35px -10px #858585;border-radius:50%;background:#fff;}
.fang_pic .pic-box{width:140px;height:140px;display:table-cell;vertical-align:middle;text-align:center;}
.fang_pic img{display:none;margin:0 auto;}
.fang_pic img.on{display:block;}
.fang_list li p{font-size:16px;color:#fff;text-align:center;margin-top:20px;display:inline-block;position: relative;}
.fang_list li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #fff;transition: all 0.3s ease-out;}
/*背景颜色改变效果*//*.fang_list li:hover .fang_pic{background:url(../images/cbg.png) no-repeat;}
.fang_list li:hover .fang_pic img{display:block;}
.fang_list li:hover .fang_pic img.on{display:none;}*//*图片动的效果*/.fang_list li:hover .fang_pic img{animation: swing 1s 0s linear normal;-webkit-animation: swing 1s 0s linear normal;}
.fang_list li:hover p:after{width: 100%;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
/*浮动*/.case_float{position:fixed;left:25px;top:50%;margin-top:-192px;background:url(images/nav_ico_bj.png) repeat-y left top;z-index:10;}
.case_float li{width: 100%;text-align: left;}
.case_float li a{font-size:14px;color:#333;height: 30px;line-height:30px;display:block;padding-left:25px;position:relative;}
.float_bg{width:9px;height:9px;position:absolute;border-radius:50%;background:#666;left:-4.5px;top:50%;margin-top:-4.5px;}
.case_float li a.current .float_bg{background:#3197f0;}
.case_float li a.current{color:#3197f0;}
.f_title{text-align:center;font-size:30px;font-weight:bold;background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_p{text-align:center;text-transform:uppercase;font-size:16px;color:#999999;font-family:Arial;}
.f_title1{width:100%;height:auto;background:url(images/icon70.png) no-repeat left 2px;padding-left:70px;min-height:52px;text-align:left;}
.f_title1 h3{font-weight:bold;font-size:30px;color:#fff;}
.f_title1 p{background:url(images/xian.png) no-repeat left center;padding-left:15px;font-size:16px;color:#fff;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase;}
.f_title2{background:url(images/icon71.png) no-repeat right 2px;font-size:30px;font-weight:bold;text-align:right;padding-right:65px;min-height:52px;}
.f_title2 h3{background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;font-weight:bold;}
.f_title2 p{background:url(images/xian1.png) no-repeat right center;padding-right:10px;font-size:16px;color:#999999;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase;font-weight:normal;}
.f_title3{background:url(images/icon72.png) no-repeat left 2px;}
.f_title4{background:url(images/icon73.png) no-repeat right 2px;}
.f_title4 h3{background: linear-gradient(to right, #33b1e7, #32d9d9);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title5{background:url(images/icon74.png) no-repeat left 2px;}
.f_title6{background:url(images/icon75.png) no-repeat right 2px;}
.f_title6 h3{background: linear-gradient(to right, #29acff, #8654ff);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title7{background:url(images/icon76.png) no-repeat left 2px;}
.f_title8{background:url(images/icon77.png) no-repeat right 2px;}
.f_title8 h3{background: linear-gradient(to right, #fe9816, #f63b25);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title9{background:url(images/icon78.png) no-repeat left 2px;}
.f_title10{background:url(images/icon79.png) no-repeat right 2px;}
.f_title10 h3{background: linear-gradient(to right, #a63fcc, #f1566c);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.wm{padding-bottom: 100px;}
.wm-title{border-bottom: 1px solid #eeeeee;padding-bottom: 14px;height: 31px;margin-top: 23px;}
.wm-title span{font-size: 16px;color: #333;display: block;line-height: 16px;font-weight: bold;position: relative;float: left;}
.wm-title span:after{content: '';width: 32px;height: 2px;background: #005baa;position: absolute;bottom: -15px;left: 50%;margin-left: -16px;}
.wm-list{overflow: hidden;width: 101%;padding: 30px 0 0;}
.wm-list li, .wm-list dl{float: left;width: 186px;line-height: 16px;margin-bottom: 25px;}
.wm-list a, .wm-list dt{font-size: 16px;color: #3c3c3c;transition: all 0.3s ease-in-out;font-weight: 500;text-transform: none;}
.wm-list dt{margin-bottom: 24px;}
.wm-list dd a{font-size: 14px;color: #999;line-height: 32px;}
.wm-list a:hover{color: #005baa;}
/*商城*/.cont{width:1200px;height:auto;margin:0 auto;}
.shop_banner{width:100%;height:680px;min-width:1200px;margin:0 auto;overflow:hidden;background:url(../images/banner.jpg) no-repeat;background-position:center;}
.shop_user{width:100%;height:auto;margin-top:80px;}
.shop_title{width:100%;height:auto;text-align:center;}
.shop_title h3{font-weight:normal;font-size:32px;color:#333333;}
.shop_title img{margin-top:10px;}
.shop_title p{font-size:16px;color:#666666;margin-top:5px;}
.user_list{width:100%;height:auto;margin-top:54px;}
.user_list li{width:592px;height:200px;float:left;margin-right:16px;margin-bottom:16px;}
.user_list li:nth-child(2n){margin-right:0;}
.user_list li a{display:block;width:100%;height:100%;background:url(images/pic1.jpg) no-repeat;cursor:pointer;}
.user_list li:nth-child(2) a{background:url(images/pic2.jpg) no-repeat;}
.user_list li:nth-child(3) a{background:url(images/pic3.jpg) no-repeat;}
.user_list li:nth-child(4) a{background:url(images/pic4.jpg) no-repeat;}
.user_list li h3{font-size:24px;color:#fafafa;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:45px 215px 0 43px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s;}
.user_list li p{font-size:14px;color:#fafafa;line-height:24px;overflow:hidden;text-overflow:ellipsis;padding:10px 215px 0 43px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px;}
.user_list li span{-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s;width:86px;height:30px;line-height:30px;border:1px solid #fff;font-size:14px;color:#fafafa;margin-left:43px;margin-top:15px;display:inline-block;text-align:center;opacity:0;}
.user_list li span.shop_shan{margin-left:20px;}
.user_list li a:hover h3{padding:35px 215px 0 43px;}
.user_list li a:hover span{opacity:1;}
/*解决方案*/.shop_solute{width:100%;height:auto;background:url(images/bg.jpg) no-repeat center top;min-height:750px;margin-top:80px;padding-top:75px;background-size:cover;background-position: center;}
.solute_title h3{font-size:28px;}
.solute_title span{font-size:30px;color:#999999;font-family:Arial;text-transform:uppercase;margin-left:10px;}
.solute_con{width:100%;height:auto;margin-top:30px;}
.solute_left{float:left;width:340px;height:500px;}
.solute_left img{width:100%;height:100%;object-fit:cover;}
.solute_right{float:right;width:790px;padding-top:52px;margin-top:0;}
.solute_right li{width:160px;height:auto;margin-right:50px;margin-bottom:25px;}
.solute_right li:nth-child(6n){margin-right:50px;}
.solute_right li:nth-child(4n){margin-right:0;}
.solute_right .fang_pic{margin:10px;box-shadow:0px 0px 30px rgba(133,133,133,0.15);}
.solute_right li p{font-size:16px;color:#444444;margin-top:10px;}
.solute_right li:hover .fang_pic{background: url(../images/s_bg1.png) no-repeat;}
.solute_right li:nth-child(2):hover .fang_pic{background: url(../images/s_bg2.png) no-repeat;}
.solute_right li:nth-child(3):hover .fang_pic{background: url(../images/s_bg3.png) no-repeat;}
.solute_right li:nth-child(4):hover .fang_pic{background: url(../images/s_bg4.png) no-repeat;}
.solute_right li:nth-child(5):hover .fang_pic{background: url(../images/s_bg5.png) no-repeat;}
.solute_right li:nth-child(6):hover .fang_pic{background: url(../images/s_bg6.png) no-repeat;}
.solute_right li:nth-child(7):hover .fang_pic{background: url(../images/s_bg7.png) no-repeat;}
.solute_right li:nth-child(8):hover .fang_pic{background: url(../images/s_bg8.png) no-repeat;}
.solute_right li:hover .fang_pic img{display:block;animation:none;-webkit-animation:none;}
.solute_right li:hover .fang_pic img.on{display:none;}
.solute_right li.active .fang_pic{background: url(../images/s_bg1.png) no-repeat;}
.solute_right li:nth-child(2).active .fang_pic{background: url(../images/s_bg2.png) no-repeat;}
.solute_right li:nth-child(3).active .fang_pic{background: url(../images/s_bg3.png) no-repeat;}
.solute_right li:nth-child(4).active .fang_pic{background: url(../images/s_bg4.png) no-repeat;}
.solute_right li:nth-child(5).active .fang_pic{background: url(../images/s_bg5.png) no-repeat;}
.solute_right li:nth-child(6).active .fang_pic{background: url(../images/s_bg6.png) no-repeat;}
.solute_right li:nth-child(7).active .fang_pic{background: url(../images/s_bg7.png) no-repeat;}
.solute_right li:nth-child(8).active .fang_pic{background: url(../images/s_bg8.png) no-repeat;}
.solute_right li.active .fang_pic img{display:block;animation:none;-webkit-animation:none;}
.solute_right li.active .fang_pic img.on{display:none;}
/*精品案例*/.shop_case{width:100%;height:auto;margin-top:72px;}
.case_dao{width:100%;height:auto;text-align:center;margin-top:30px;}
.case_dao li{display:inline-block;margin:0 10px;width:160px;height:50px;line-height:50px;text-align:center;background:#f7f7f7;font-size:16px;color:#444444;cursor:pointer;}
.case_dao li:hover{background:url(../images/pic17.jpg) no-repeat;color:#fff;}
.case_dao li.active{background:url(../images/pic17.jpg) no-repeat;color:#fff;}
.case_con{width:100%;height:auto;margin-top:55px;}
.case_c{width:100%;height:auto;display:none;}
.case_c li{width:271px;height:552px;float: left;margin-right:38.6px;}
.case_c li:nth-child(4n){margin-right:0;}
.case_c li a{display:block;width:100%;height:100%;overflow:hidden;background:url(../images/bg1.png) no-repeat;padding-top:64px;box-sizing:border-box;}
.case_pic{width:242px;height:422px;position:relative;margin:0 auto;}
.case_pic img{width:100%;height:100%;object-fit:cover;}
.case_bg{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;background:rgba(0,0,0,0.12);transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;opacity:0;}
.case_bg .pic-box{width:242px;height:422px;display:table-cell;vertical-align:middle;text-align:center;}
.case_bg img{width:153px;height:153px;}
.case_text{width:100%;height:65px;line-height:65px;text-align:center;font-size:18px;color:#444444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case_c li a:hover{background:url(../images/bg2.png) no-repeat;}
.case_c li a:hover .case_bg{opacity:1;}
.case_c li a:hover .case_text{color:#fff;}
/*我们的优势*/.shop_good{width:100%;height:auto;margin-top:70px;background:url(../images/bg1.jpg) no-repeat;min-height:530px;background-size:cover;background-position:center;padding-top:70px;box-sizing:border-box;}
.shop_good .solute_title h3{color:#fff;}
.shop_good .solute_title h3 span{color:#fff;opacity:0.6;-webkit-opacity:0.6;-moz-opacity:0.6;}
.shop_good .solute_title p{color:#fff;}
.good_list{width:100%;height:auto;margin-top:65px;}
.good_list li{width:240px;height:auto;float:left;min-height:192px;background:url(../images/s14.png) no-repeat right center;text-align:center;padding:0 16px;box-sizing:border-box;}
.good_list li:last-child{background:none;}
.good_list li a{display:block;width:100%;height:100%;overflow:hidden;}
.good_pic{width:100%;height:42px;text-align:center;}
.good_pic img{vertical-align:bottom;}
.good_text{width:100%;height:auto;margin-top:25px;}
.good_text h3{font-weight:normal;color:#fff;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.good_text hr{display:block;width:30px;height:auto;border:none;border-top:3px solid #fff;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;margin-top:20px;}
.good_text p{font-size:14px;line-height:24px;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;margin-top:20px;}
/*合作伙伴*/.shop_partner{width:100%;height:auto;margin-top:70px;margin-bottom:50px;}
.shop_partner .cont{width:1365px;}
.partner{width:100%;height:auto;margin-top:50px;position:relative;height:455px;}
.partner .swiper-container{width:1200px;margin:0 auto;}
.partner_list{width:100%;height:auto;border-top:1px dashed #e4e3e3;border-left:1px dashed #e4e3e3;overflow:hidden;box-sizing:border-box;}
.partner_list li{float:left;width:239px;height:150px;border:1px dashed #e4e3e3;border-left:none;border-top:none;box-sizing:border-box;}
.partner_list li a{display:table-cell;vertical-align:middle;text-align:center;width:239px;height:150px;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;}
.partner_list li a img{max-width:238px;max-height:148px;margin:0 auto;}
.partner .swiper-button-prev,.partner .swiper-button-next{width:31px;height:59px;margin-top:-29.5px;}
.partner .swiper-button-prev{background:url(../images/s16.png) no-repeat;left:0;}
.partner .swiper-button-prev:hover{background:url(../images/s16-1.png) no-repeat;}
.partner .swiper-button-next{background:url(../images/s17.png) no-repeat;right:0;}
.partner .swiper-button-next:hover{background:url(../images/s17-1.png) no-repeat;}
.partner_list li a:hover{transform:rotateY(360deg);}
/*小程序*/
.chengxu_banner{background:none;}
.chengxu_banner a{display:block;width:100%;height:100%;overflow:hidden;background:url(../images/banner.jpg) no-repeat;background-size:cover;background-position:center;}
.chengxu_dao{width:100%;height:auto;margin-top:50px;}
.dao_left{float:left;width:294px;height:528px;overflow:hidden;}
.dao_left a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_img{width:100%;height:100%;background:url(../images/pic.jpg) no-repeat;position:absolute;left:0;top:0;z-index:1;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.dao_text{width:100%;height:auto;padding:57px 30px;box-sizing:border-box;position:relative;z-index:2;}
.dao_text h3{font-size:24px;color:#fff;font-weight:bold;}
.dao_text p{font-size:16px;color:#fff;margin-top:3px;}
.dao_bg{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,01,0,0.5);opacity:0;z-index:3;overflow:hidden;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.pic-box{display:table-cell;vertical-align:middle;text-align:center;}
.dao_bg .pic-box{width:294px;height:528px;padding:57px 30px;box-sizing:border-box;}
.dao_bg h3{font-size:26px;color:#fff;font-weight:bold;}
.dao_bg p{color:#fff;margin-top:3px;font-size:16px;}
.dao_bg span{display:block;width:134px;height:40px;border:1px solid #fff;line-height:40px;border-radius:20px;text-align:center;margin:0 auto;margin-top:20px;font-size:14px;color:#fff;}
.dao_bg span img{margin-left:10px;}
.dao_left a:hover .dao_img{transform:scale(1.05);}
.dao_left a:hover .dao_bg{opacity:1;}
.dao_right{float:right;height:528px;width:898px;}
.dao_top{width:100%;height:340px;}
.dao_topl{float:left;width:596px;height:340px;}
.dao_topl a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_topl .dao_text{padding-right:405px;}
.dao_topl .dao_img{background:url(../images/picwx1.jpg) no-repeat;}
.dao_topl .dao_bg .pic-box{width:596px;height:340px;padding:57px 30px;box-sizing:border-box;}
.dao_topl a:hover .dao_img{transform:scale(1.05);}
.dao_topl a:hover .dao_bg{opacity:1;}
.dao_topr{width:294px;float:right;}
.dao_topr .dao_text{position:relative;padding:57px 30px;}
.dao_topr .dao_img{background:url(../images/picwx2.jpg) no-repeat;}
.dao_topr .dao_bg .pic-box{width:294px;}
.dao_bottom{width:100%;height:180px;margin-top:8px;}
.dao_bottom li{width:294px;height:180px;float:left;margin-right:8px;}
.dao_bottom li a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_bottom li a .dao_text{padding:30px;padding-right:20px;}
.dao_bottom li a .dao_img{background:url(../images/picwx3.jpg) no-repeat;}
.dao_bottom li a .dao_text img{margin-top:20px;}
.dao_bottom li:nth-child(2) .dao_img{background:url(../images/picwx4.jpg) no-repeat;}
.dao_bottom li:last-child .dao_img{background:url(../images/picwx5.jpg) no-repeat;}
.dao_bottom li:last-child{margin-right:0;}
.dao_bottom li .dao_bg .pic-box{width:294px;height:180px;padding:0;}
.dao_bottom li .dao_bg h3{font-size:20px;}
.dao_bottom li .dao_bg span{margin-top:15px;}
.dao_bottom li .dao_bg span img{margin-top:0;}
.dao_bottom li a:hover .dao_img{transform:scale(1.05);}
.dao_bottom li a:hover .dao_bg{opacity:1;}
/*小程序核心优势*/.hexin{width:100%;height:auto;margin-top:70px;}
.hexin_con{width:100%;height:auto;position:relative;background:url(../images/icon9.png) no-repeat center bottom;min-height:355px;margin-top:50px;}
.hexin_con li{position:absolute;}
.hexin_con li.hexin_1{left:0;top:123px;}
.hexin_img{text-align:center;background:url(../images/icon5.png) no-repeat;width:48px;height:48px;line-height:48px;color:#fff;font-weight:bold;font-size:18px;float:left;}
.hexin_text{float:left;margin-left:16px;background:#f6f6f6;padding:20px;box-sizing:border-box;font-size:16px;line-height:28px;position:relative;color:#333333;}
.hexin_bg{width:0;height:0;position:absolute;left:-12px;top:16px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:12px solid #f6f6f6;}
.hexin_con li.hexin_1 .hexin_text{width:256px;}
.hexin_con li.hexin_2{left:240px;top:0;}
.hexin_con li.hexin_2 .hexin_img{background:url(../images/icon6.png) no-repeat;}
.hexin_con li.hexin_2 .hexin_text{width:247px;}
.hexin_con li.hexin_3{left:649px;top:0;}
.hexin_con li.hexin_3 .hexin_img{background:url(../images/icon7.png) no-repeat;}
.hexin_con li.hexin_3 .hexin_text{width:216px;}
.hexin_con li.hexin_4{right:0;top:123px;}
.hexin_con li.hexin_4 .hexin_img{background:url(../images/icon8.png) no-repeat;}
.hexin_con li.hexin_4 .hexin_text{width:185px;}
/*流量入口*/.liuliang{width:100%;height: auto;margin-top:70px;background:#f6f6f6;overflow:hidden;padding:77px 0;padding-bottom:30px;}
.liuliang_con{width:100%;height:auto;margin-top:60px;}
.liuliang_con li{width:150px;margin-right:112px;margin-bottom:50px;}
.liuliang_con .fang_pic{margin:5px;box-shadow:0px 3px 7px rgba(20,20,20,0.05);}
.liuliang .fang_pic img{display:block;}
.liuliang_con li p{color:#666666;}
.liuliang_con li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #666666;transition: all 0.3s ease-out;}
.liuliang_con li:nth-child(6n){margin-right:112px;}
.liuliang_con li:nth-child(5n){margin-right:0;}
/*小程序模板展示*/.moban{width:100%;height:auto;margin-top:70px;background:url(../images/bg.jpg) no-repeat;background-size:cover;background-position:center;padding-top:73px;min-height:840px;box-sizing:border-box;}
.moban .solute_title h3{color: #fff;}
.moban .solute_title p{color: #fff;}
.moban .cont{width:1360px;height:auto;margin:0 auto}
.moban_con{width:100%;height:552px;position:relative;margin-top:40px;padding-top:65px;}
.moban_con .swiper-container{width:1200px;height:auto;margin-top:0;}
.moban_con .swiper-container:before, .moban_con .swiper-container:after{background:none;}
.moban_con .swiper-slide{width:242px;height:422px;}
.moban_con .swiper-slide div{position:relative;}
.moban_con .swiper-slide div.moban_bg{position:absolute;width:100%;height:100%;background:#fff;opacity:0.7;}
.moban_con .swiper-slide-active div.moban_bg{opacity:0;}
.moban_con .swiper-prev,.moban_con .swiper-next{width:48px;height:48px;margin-top:-24px;position:absolute;top:50%;cursor:pointer;}
.moban_con .swiper-prev{left:0;background:url(../images/icon20.png) no-repeat;}
.moban_con .swiper-next{right:0;background:url(../images/icon21.png) no-repeat;}
.moban_con .swiper-container:before,.moban_con .swiper-container:after{width:415px;height:405px;content:'';background-color: #f5f5f5;display:block;position:absolute;z-index: 9999;opacity: .5;top:0;display:none;}
.moban_con .swiper-container:before{left:0;}
.moban_con .swiper-container:after{right:0;}
.framing{width:271px;height:552px;position:absolute;background-image: url(../images/icon22.png);top:0;left: calc(50% - 135px);z-index:999;opacity:0;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;}
.lookTemp{position: absolute;left: calc(50% - 65px);background-color: #ff7200;color: #fff;padding: 0;width: 133px;line-height: 40px;border-radius: unset;display:none;}
/*小程序解决方案*/.jiejue{width:100%;height:auto;margin-top:63px;}
.jiejue_con{width:100%;height:auto;margin-top:6px;}
.jiejue_con li{width:290px;height:380px;float:left;position:relative;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;border:1px solid #e5e5e5;box-sizing:border-box;margin-right:13px;}
.jiejue_con li a{display:block;width:100%;height:100%;overflow:hidden;transition:none;}
.jiejue_con li:last-child{margin-right:0;}
.jiejue_top{width:100%;height:155px;background:url(../images/pic8.jpg) no-repeat;background-size:cover;background-position:center;padding-top:45px;font-size:24px;color:#fff;text-align:center;box-sizing:border-box;}
.jiejue_con li:nth-child(2) .jiejue_top{background:url(../images/pic9.jpg) no-repeat;}
.jiejue_con li:nth-child(3) .jiejue_top{background:url(../images/pic11.jpg) no-repeat;}
.jiejue_con li:nth-child(4) .jiejue_top{background:url(../images/pic10.jpg) no-repeat;}
.jiejue_c{width:100%;height:auto;}
.jiejue_pic{width:100%;height:auto;text-align:center;margin-top:-45px;}
.jiejue_list{width:100%;height:auto;padding:0 20px;overflow:hidden;box-sizing:border-box;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;position: absolute;z-index: 3;opacity: 1;left:0;top:220px;}
.jiejue_list span{display:block;background:url(../images/icon29.png) no-repeat left center;padding-left:10px;font-size:14px;color:#666666;margin-right:25px;float:left;line-height:20px;margin-bottom:5px;}
.jiejue_list span:nth-child(3n){margin-right:0;}
.jiejue_detail{width:100%;height:auto;padding:0 28px;text-align:center;margin-top:30px;box-sizing:border-box;opacity:0;z-index:0;position:absolute;left:0;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.jiejue_detail p{font-size:14px;color:#666666;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;}
.jiejue_detail span{display:block;width:105px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:15px;background:#26bbfb;font-size:14px;margin:0 auto;margin-top:20px;}
.jiejue_con li:hover{box-shadow:0px 5px 24px rgba(38,187,251,0.48);border:1px solid #26bbfb;}
.jiejue_con li:nth-child(2):hover{box-shadow:0px 5px 24px rgba(241,98,159,0.48);border:1px solid #f1629f;}
.jiejue_con li:nth-child(3):hover{box-shadow:0px 5px 24px rgba(73,205,164,0.48);border:1px solid #49cda4;}
.jiejue_con li:nth-child(4):hover{box-shadow:0px 5px 24px rgba(254,73,107,0.48);border:1px solid #fe496b;}
.jiejue_con li:hover .jiejue_list{opacity:0;z-index:1;}
.jiejue_con li:hover .jiejue_detail{opacity:1;z-index:3;}
.jiejue_con li:nth-child(2):hover .jiejue_detail span{background:#f1629f;}
.jiejue_con li:nth-child(3):hover .jiejue_detail span{background:#49cda4;}
.jiejue_con li:nth-child(4):hover .jiejue_detail span{background:#fe496b;}
/*适用行业*/.industry{width:100%;height:auto;margin-top:70px;}
.indu_con{width:100%;height:auto;text-align:center;margin-top:50px;}
/*小程序客户案例*/.kehu{width:100%;height:auto;margin-top:90px;padding:75px 0;background:#f6f6f6;}
.kehu_con{width:100%;height:auto;margin-top:22px;overflow:hidden;}
.kehu_con li{width:214px;height:251px;float:left;margin-right:32px;margin-top:32px;background:#fff;}
.kehu_con li:nth-child(5n){margin-right:0;}
.kehu_pic{width:100%;height:214px;position:relative;overflow:hidden;}
.kehu_pic img{width:100%;height:100%;object-fit:cover;}
.kehu_bg{width:100%;height:0;line-height:214px;text-align:center;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;overflow:hidden;}
.kehu_bg img{width:auto;height:auto;}
.kehu_text{text-align:center;height:37px;line-height:37px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#666666;padding:0 10px;}
.kehu_con li:hover .kehu_bg{height:214px;}

/*弹出框*/
.zixun{ margin-left:80px; margin-top:185px;}
.layer-qq{color:#282828;font-size:16px;font-family:"微软雅黑"}
.layer-qq{animation:layerqq .7s ease-out;position: fixed;top: 50%;color:#fff;left:50%;width: 400px;height: 240px;background: url(../images/service.png) no-repeat;text-align: center; z-index: 9999999999;overflow: hidden;}
.layer-qq h3{margin:0;padding:0;font-size: 40px;text-transform: uppercase;font-weight: 600;padding-top: 50px;}
.layer-qq strong{font-size: 22px;}
.layer-qq a.linkqq{ display:block;width:110px;height:32px;line-height:32px;border:1px solid #ff3000; text-align:center;font-size:14px;text-decoration: none;border-radius: 45px; color:#666; margin:0 10px;}
.layer-qq a.qq-close{display: block;width: 28px;height: 28px;position: absolute;top:10px;right:10px;background: url(../images/qqclose.png) no-repeat;cursor: pointer;}
.layer-qq a{color:#33e153;text-decoration: none;}
@-webkit-keyframes layerqq{
  from{-webkit-transform: scale(0);transform: scale(0);}
  to{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes layerqq{
  from{transform: scale(0);}
  to{transform: scale(1);}
}



.home_main{width:100%;min-width:1200px;margin:10px auto 0 auto;position: relative;z-index: 2;}
.home_container{width:100%;margin:2px auto;background:#ffffff;}
.home_container .h_h1{text-align:center;font-size:40px;line-height:30px;color:#000000;padding-bottom:10px; margin:80px 0 0 0;}
.home_container .h_h1.on{background:url(images/s15.png) center bottom no-repeat;}
.home_container .h_h1 span{font-family:Arial;font-size:30px;line-height:30px;color:#999999;text-transform:uppercase;}
.home_container .h_h2{text-align:center;font-size:16px;line-height:30px;color:#666666;margin:10px 0 25px 0;overflow:hidden;}
.home_container .h_h3{text-align:center; display: block; font-size: 40px;  color: #000;  margin:10px 0 0 0;padding-top:20px;}
.notice_panel{height:60px;width:100%;min-width:1200px;border-bottom:1px #eeeeee solid;}
.notice_panel .notice{padding: 20px 0;height:20px;overflow:hidden;}
.notice_panel .notice .swiper-notice{position: relative;height: 20px;width: 100%;overflow: hidden;}
.notice_panel .notice .swiper-notice .swiper-slide{font-size: 14px;justify-content: flex-start;margin-left: 55px;}
.notice_panel .notice .swiper-notice .swiper-slide a{width: auto;margin: 0;display: inline-block;}
.notice .notice_title{width:46px;height:20px;line-height:20px;font-size:12px;color:#ffffff;text-indent:8px;float:left;background:url(../images/notice_bg.png) 0 0 no-repeat;}
.notice .notice_ul{width: 100%;margin-left:8px;float:left;height:20px;line-height:20px;font-size:14px;color:#999999;}
.notice .notice_ul span{margin-right:8px;}
.service_ul{ margin:0 auto 50px auto; padding:1px 5px 30px 5px; overflow:hidden;}
.service_ul ul li{width:23.5%; float:left; margin-top:30px; margin-right:1%\0;  -webkit-transition: all .5s ease; transition: all .5s ease; border:#e9eaed 1px solid; margin-left:1%;}
.service_ul ul li:hover{ box-shadow: 2px 2px 10px #ccc;-webkit-box-shadow: 2px 2px 10px #ccc;-moz-box-shadow: 2px 2px 10px #ccc;-moz-ms-shadow: 2px 2px 10px #ccc; -moz-o-shadow: 2px 2px 10px #ccc; -webkit-transform: translate3d(0,-10px,0);}
.service_ul ul li:nth-child(1):hover{border-top:2px solid #ffb93f;}
.service_ul ul li:nth-child(2):hover{border-top:2px solid #58e5ee;}
.service_ul ul li:nth-child(3):hover{border-top:2px solid #ff7a40;}
.service_ul ul li:nth-child(4):hover{border-top:2px solid #3fdab0;}
.service_ul ul li .item{text-align:center;padding:10% 17%;}
.service_ul ul li .co{width:180px; height:130px; margin-top:60px; display:block; background-repeat:no-repeat; -webkit-transition: all 1.5s ease; transition: all 1.5s ease;}
.service_ul ul li:hover .co{background-position:-180px 0px;}
.service_ul ul li h2{font-size:22px; color:#3a405b; margin:25px 0px;}
.service_ul ul li span{font-size:14px; color:#666; display:block; margin-bottom:20px;}




.m_subtopic{height: 70px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic .subtopic_list{font-size: 0;color: #666666;overflow: hidden;height: 70px;text-align: center;}
.m_subtopic .subtopic_list li{display: inline-block;height: 70px;line-height: 70px;padding: 0 20px;background: url(../images/side_bjx.png) no-repeat right center;font-size: 18px;}
.m_subtopic .subtopic_list li:last-child{background: none;}
.m_subtopic .subtopic_list li a{display: block;padding: 0 20px;height: 70px;border-bottom: 2px solid #ffffff;}
.m_subtopic .subtopic_list li a.on::before{width: 100%;}
.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color: #3784D2;}
.m_subtopic .subtopic_list li a.hvr-underline-from-left:before{height: 2px;background: #3784D2;-webkit-transition-duration: .5s;transition-duration: .5s;}
.m_subtopic1{height: 60px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic1 .subtopic_list{font-size: 16px;color: #333333;}
.m_subtopic1 .subtopic_list li{float: left;margin-right: 40px;height: 60px;line-height: 60px;}
.m_subtopic1 .subtopic_list li dl{max-height: 60px;overflow: hidden;position: relative;z-index: 111;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out;}
.m_subtopic1 .subtopic_list li dl:hover{max-height: 300px;background-color: #ffffff;color: #333333;}
.m_subtopic1 .subtopic_list li dl dt{background: url(../images/blog_ico1.png) no-repeat 50px center;padding-right: 20px;cursor: pointer;}
.m_subtopic1 .subtopic_list li dl dd{height: 40px;line-height: 40px;padding: 0 10px;background-color: #ffffff;}
.m_crm{height: 50px;line-height: 50px;color: #888888;background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm1{height: 50px;border-bottom: 1px solid #E7E7E7;line-height: 50px;color: #888888;}
.m_crm1.on{background-color: #ffffff;}
.m_crm1 .m_xn,.m_crm1 .m_mn{background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color: #666666;}
.share span{line-height: 20px !important;float: left;margin-right: 10px;}
.n_mn .m_text .article_tt{color: #333333;font-size: 24px;font-weight: bold;margin-bottom: 18px;margin-top: -5px;}
.n_mn .m_text .g_attr span{display: inline-block;margin-right: 25px;color: #888888;}
.n_mn .m_text .g_attr span.on a{display: inline-block;border: 1px solid #cccccc;margin-right: 5px;border-radius: 5px;font-size: 12px;width: 18px;height: 18px;line-height: 18px;text-align: center;}
.n_mn .m_text .g_attr span.on a:hover{background-color: #2c88d8;color: #ffffff;border: 1px solid #2c88d8;}
.n_mn .m_text .g_attr span a:hover{color: #2c88d8;}
.n_mn .m_text .text{padding: 30px 0 ;font-size: 14px;color: #666666;line-height: 28px;overflow: hidden;}
.n_mn .m_text .text img{max-width: 100%;}
.n_mn .m_aside{padding: 25px 0 30px;line-height: 26px;overflow: hidden;border-top: 1px dotted #C7C7C7;color: #888888;}
/*关于我们*/.n_about{padding: 60px 0 0;background-color: #ffffff;}
.n_about .m_tt{text-align: center;}
.n_about .about .g_text{color: #666666;line-height: 28px;width: 1000px;margin: 15px auto 80px;}
.n_about .team{background:#f6f6f6 url(../images/about_img1.png) no-repeat center top;height: 520px;width: 100%;}
.n_about .team .g_text{padding-top: 160px;padding-left: 20px;color: #ffffff;line-height: 28px;width: 540px;}
.n_about .team .g_text .g_tt{margin-bottom: 35px;}
.n_about .culture{background-color: #f6f6f6;height: 485px;padding-top: 85px;width: 100%;}
.n_about .culture .culture_list{overflow: hidden;width: 1200px;margin: 60px auto 0;font-size: 0;}
.n_about .culture .culture_list li{display: inline-block;width: 270px;margin-right: 40px;text-align: center;}
.n_about .culture .culture_list li .g-img{width: 185px;height: 185px;line-height: 185px;text-align: center;margin: 0 auto;border: 1px dashed #B9BABA;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .g-img img{width: 170px;height: 170px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .text .tt{color: #333333;font-size: 20px;margin: 30px 0 5px;}
.n_about .culture .culture_list li .text .info{color: #666666;font-size: 14px;line-height: 28px;}
.n_about .design{padding-top: 90px;height: 560px;}
.n_about .design .g-text{padding-left: 20px;width: 550px;overflow: hidden;}
.n_about .design .g-text .tt{color: #f29e1c;font-size: 36px;font-weight: bold;margin: 80px 0 15px;}
.n_about .design .g-text .info{color: #cccccc;font-size: 16px;margin-bottom: 45px;line-height: 20px;text-transform: uppercase;}
.n_about .design .g-text .txt{color: #666666;line-height: 28px;}
.n_about .fz{background-color: #f6f6f6;height: 475px;padding-top: 85px;width: 100%;}
.n_about .fz .g-img{margin-top: 75px;text-align: center;}
.n_about .service{padding: 80px 0 20px;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
.n_about .service .list{font-size: 0;position: relative;margin-top: -113px;}
.n_about .service .list li{width: 395px;display: inline-block;height: 340px;font-size: 14px;color: #cccccc;text-align: center;text-transform: uppercase;}
.n_about .service .list li div{height: 240px;width: 100%;background: url(../images/about_ico1.png) no-repeat ;}
.n_about .service .list li .tt{color: #666666;font-size: 22px;margin-bottom: 5px;}
.n_about .service .list li div.ico1{background-position: 158px 140px;}
.n_about .service .list li div.ico2{background-position: -220px 140px;}
.n_about .service .list li div.ico3{background-position: -604px 140px;}
/*联系我们*/.n_contact{padding: 60px 0;}
.n_contact .s_side{height: 52px;text-align: center;}
.n_contact .s_side a{display: inline-block;height: 50px;font-size: 16px;line-height: 50px;color: #666666;width: 200px;border: 1px solid #dedede;background-color: #ffffff;border-radius: 30px;margin: 0 10px;}
.n_contact .s_side .hvr-bounce-to-right:before{border-radius: 30px;background: #2c88d8;border-color: #2c88d8;}
.n_contact .s_side a:hover{color: #ffffff;}
.n_contact .s_side a.on{background: #2c88d8;color: #ffffff;}
.n_contact .s_side a.on:before{background: none;}
.n_contact .g_content .allmap{margin-bottom: 40px;padding: 10px;background-color: #ffffff;position: relative;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2);box-shadow:0px 0px 20px rgba(127,128,130,0.2);height: 500px;}
.n_contact .g_content .allmap .text{position: absolute;background-color: rgba(255,255,255,0.9);padding: 40px 30px;width: 265px;top: 90px;left: 0;-moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4);box-shadow:10px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .allmap .text .tt{color: #2c88d8;font-size: 24px;background: url(../images/contact_ico1.png) no-repeat -5px -85px;padding-left: 15px;height: 35px;margin-bottom: 20px;}
.n_contact .g_content .allmap .text .dt,.n_contact .g_content .allmap .text .gj{color: #333333;font-size: 18px;background: url(../images/contact_ico1.png) no-repeat left -181px;padding-left: 30px;margin-bottom: 10px;}
.n_contact .g_content .allmap .text .gj{background: url(../images/contact_ico1.png) no-repeat left 1px;}
.n_contact .g_content .allmap .text .xt{border-bottom: 1px dashed #CACACA;width: 100%;height: 1px;margin: 20px 0;}
.n_contact .g_content .allmap .text .route{color: #666666;line-height: 28px;}
.n_contact .g_content .g-text{padding: 60px 0;width: 100%;height: 205px;}
.n_contact .g_content .g-text .left{width: 599px;border-right: 1px solid #DCDCDC;height: 205px;float: left;}
.n_contact .g_content .g-text .left .g-img{line-height: 205px;height: 205px;width: 75px;margin-left: 10px;}
.n_contact .g_content .g-text .left .text{height: 205px;color: #333333;width: 500px;}
.n_contact .g_content .g-text .left .text .tt{font-size: 24px;margin-top: 30px;}
.n_contact .g_content .g-text .left .text .address{font-size: 16px;margin-top: 10px;padding-left: 25px;background: url(../images/contact_ico2.png) no-repeat left -353px;}
.n_contact .g_content .g-text .left .text .info{color: #666666;font-size: 14px;margin-top: 40px;}
.n_contact .g_content .g-text .left .text .info span{display: inline-block;height: 25px;padding-left: 25px;background: url(../images/contact_ico2.png) no-repeat left -265px;margin-bottom: 20px;width: 170px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(2){background-position: left -86px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(3){background-position: left -176px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(4){background-position: left 5px;}
.n_contact .g_content .g-text .right{width: 540px;padding-left: 60px;height: 205px;float: left;}
.n_contact .g_content .g-text .right .text{height: 205px;float: left;width: 380px;}
.n_contact .g_content .g-text .right .text .tt{color: #888888;font-size: 18px;margin-top: 30px;}
.n_contact .g_content .g-text .right .text .tel{color: #2c88d8;font-size: 46px;font-weight: bold;margin-top: 10px;margin-bottom: 20px;}
.n_contact .g_content .g-text .right .text .info{color: #666666;margin-top: 14px;}
.n_contact .g_content .g-text .right .text .info span{display: inline-block;padding-left: 25px;height: 25px;width:140px;margin-bottom: 20px;margin-right: 15px;background: url(../images/contact_ico2.png) no-repeat left -445px;}
.n_contact .g_content .g-text .right .g-img{float: right;height: 205px;width: 140px;}
.n_contact .g_content .g-text .right .g-img .code{background-color: #ffffff;text-align: center;margin-top: 25px;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.4);box-shadow:0px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .g-text .right .g-img .code p{padding: 0 0 10px ;color: #666666;}
/*案例样式*//*联系我们*/.n_contact{padding: 60px 0;}
.n_contact .s_side{height: 52px;text-align: center;}
.n_contact .s_side a{display: inline-block;height: 50px;font-size: 16px;line-height: 50px;color: #666666;width: 200px;border: 1px solid #dedede;background-color: #ffffff;border-radius: 30px;margin: 0 10px;}
.n_contact .s_side .hvr-bounce-to-right:before{border-radius: 30px;background: #2c88d8;border-color: #2c88d8;}
.n_contact .s_side a:hover{color: #ffffff;}
.n_contact .s_side a.on{background: #2c88d8;color: #ffffff;}
.n_contact .s_side a.on:before{background: none;}
.n_contact .g_content .allmap{margin-bottom: 40px;padding: 10px;background-color: #ffffff;position: relative;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2);box-shadow:0px 0px 20px rgba(127,128,130,0.2);height: 500px;}
.n_contact .g_content .allmap .text{position: absolute;background-color: rgba(255,255,255,0.9);padding: 40px 30px;width: 265px;top: 90px;left: 0;-moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4);box-shadow:10px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .allmap .text .tt{color: #2c88d8;font-size: 24px;background: url(images/contact_ico1.png) no-repeat -5px -85px;padding-left: 15px;height: 35px;margin-bottom: 20px;}
.n_contact .g_content .allmap .text .dt,.n_contact .g_content .allmap .text .gj{color: #333333;font-size: 18px;background: url(../images/contact_ico1.png) no-repeat left -181px;padding-left: 30px;margin-bottom: 10px;}
.n_contact .g_content .allmap .text .gj{background: url(images/contact_ico1.png) no-repeat left 1px;}
.n_contact .g_content .allmap .text .xt{border-bottom: 1px dashed #CACACA;width: 100%;height: 1px;margin: 20px 0;}
.n_contact .g_content .allmap .text .route{color: #666666;line-height: 28px;}
.n_contact .g_content .g-text{padding: 60px 0;width: 100%;height: 205px;}
.n_contact .g_content .g-text .left{width: 599px;border-right: 1px solid #DCDCDC;height: 205px;float: left;}
.n_contact .g_content .g-text .left .g-img{line-height: 205px;height: 205px;width: 75px;margin-left: 10px;}
.n_contact .g_content .g-text .left .text{height: 205px;color: #333333;width: 500px;}
.n_contact .g_content .g-text .left .text .tt{font-size: 24px;margin-top: 30px;}
.n_contact .g_content .g-text .left .text .address{font-size: 16px;margin-top: 10px;padding-left: 25px;background: url(images/contact_ico2.png) no-repeat left -353px;}
.n_contact .g_content .g-text .left .text .info{color: #666666;font-size: 14px;margin-top: 40px;}
.n_contact .g_content .g-text .left .text .info span{display: inline-block;height: 25px;padding-left: 25px;background: url(images/contact_ico2.png) no-repeat left -265px;margin-bottom: 20px;width: 170px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(2){background-position: left -86px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(3){background-position: left -176px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(4){background-position: left 5px;}
.n_contact .g_content .g-text .right{width: 540px;padding-left: 60px;height: 205px;float: left;}
.n_contact .g_content .g-text .right .text{height: 205px;float: left;width: 380px;}
.n_contact .g_content .g-text .right .text .tt{color: #888888;font-size: 18px;margin-top: 30px;}
.n_contact .g_content .g-text .right .text .tel{color: #2c88d8;font-size: 46px;font-weight: bold;margin-top: 10px;margin-bottom: 20px;}
.n_contact .g_content .g-text .right .text .info{color: #666666;margin-top: 14px;}
.n_contact .g_content .g-text .right .text .info span{display: inline-block;padding-left: 25px;height: 25px;width:140px;margin-bottom: 20px;margin-right: 15px;background: url(../images/contact_ico2.png) no-repeat left -445px;}
.n_contact .g_content .g-text .right .g-img{float: right;height: 205px;width: 140px;}
.n_contact .g_content .g-text .right .g-img .code{background-color: #ffffff;text-align: center;margin-top: 25px;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.4);box-shadow:0px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .g-text .right .g-img .code p{padding: 0 0 10px ;color: #666666;}
/*案例样式*/