@charset "UTF-8";
/*产品服务*/
.jst_pro_banner {
  width: 100%;
  height: 180px;
  box-sizing: border-box;
  background-image: url(../images/product/banner_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.jst_banner {
  padding: 122px 0 30px;
  box-sizing: border-box;
}
.jst_banner i {
  display: inline-block;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  background-image: url(../images/product/bannerIcon1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 12px;
}
.jst_banner span {
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
}
.jst_pro_shrink{background:url(../images/product/ybline.png) repeat;background-size:100% 100%;}
.jst_pro_shrink .shrinkbox{height:290px;position:relative;}
.jst_pro_shrink .shrinkbox li{height:290px;color:#fff;transition:left 0.5s;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.jst_pro_shrink .shrinkbox #shrink-item-1{width:200px;background:#e19f14 url(../images/product/businessIcon.png) no-repeat 82px bottom;background-size:110px auto;position:absolute;left:0px;top:0px;z-index:1;}
.jst_pro_shrink .shrinkbox #shrink-item-2{width:800px;background:#fa7b26 url(../images/product/parkIcon.png) no-repeat 82px bottom;background-size:110px auto;position:absolute;left:200px;top:0px;z-index:2;}
.jst_pro_shrink .shrinkbox #shrink-item-3{width:600px;background:#27ba79 url(../images/product/communityIcon.png) no-repeat 105px bottom;background-size:86px auto;position:absolute;left:400px;top:0px;z-index:3;}
.jst_pro_shrink .shrinkbox #shrink-item-4{width:400px;background:#367fec url(../images/product/platformIcon.png) no-repeat 104px bottom;background-size:86px auto;position:absolute;left:600px;top:0px;z-index:4;}
.jst_pro_shrink .shrinkbox #shrink-item-5{width:200px;background:#2e38bb url(../images/product/jstIcon.png) no-repeat 104px bottom;background-size:86px auto;position:absolute;left:800px;top:0px;z-index:5;}
.shrinkmark{position:relative;height:34px;}
.shrinkmark .shrinkhorn{width:34px;height:34px;position:absolute;top:0px;left:83px;transition:left 0.5s;}
.shrinkmark .shrinkhorn i{display:block;border-color:#e19f14 transparent transparent #e19f14;border-style:solid;border-width:17px;transition:border-color 0.5s;}
.jst_pro_tabListBox{margin-top:70px;margin-left:40px;}
.jst_pro_tabListBox .jst_pro_tabTitle{font-size:20px;margin-bottom:20px;}
.jst_pro_tabListBox .jst_pro_tabList{font-size:14px;line-height:22px;}
.shrink-ti{width:1000px;margin:auto;text-align:center;height:60px;position:relative;/*border-bottom:1px solid #d1d1d1;*/}
.shrink-ti .shrink-area{position:absolute;top:0px;left:50%;margin-left:-85px;}
.shrink-ti .shrink-jiepay{width:1000px;overflow:hidden;position:absolute;top:0px;left:0px;margin-left:0px;}
.shrink-ti .shrink-jiepay span{width:50%;height:52px;font-size:30px;display:inline-block;cursor:pointer;border-bottom:1px solid #d1d1d1;}
.shrink-ti .shrink-jiepay span.shrink-jiepay-cur{color:#fa7b26;border-bottom:1px solid #fa7b26;}
.shrink-con{position:relative;}
.shrink-con .shrink-area{position:absolute;top:30px;left:0px;}
.shrink-con .mintop{top:0px !important;}
.shrink-con img{width:100%;height:auto;}
#shrink-pbox-1{height:520px;}
#shrink-pbox-2{height:700px;}
#shrink-pbox-3{height:580px;}

@media(max-width:1000px){
  body{width:1200px;}

}