.spebanner{ height: 430px; background-repeat: no-repeat; background-position: center center; margin: 0px auto;}
.spebanner h1{ font-size: 2em; padding: 1.8em 0em 0em 0em; color: #fff;}
.spebanner p{ line-height: 2em; font-size: 1.0em; color: #fff; padding: 0.5em 0em 1.5em 0em;}
.spebanner .online{ background-color: #2B8CF4; border-radius: 3px;border: 1px solid #2B8CF4; padding: 0.8em 1.5em; color: #fff; text-decoration: none;}
.spebanner .online:hover{ background-color: #2B8CF4;color: #fff;}
.spebanner .tel{ border-radius: 3px; padding: 0.8em 1em; border: 1px solid #fff; color: #fff; text-decoration: none; margin-left: 10px;}
.spebanner.shengchan{ background-image: url(/images/1.0/spe/shengchanguanli.jpg);}
.spebanner.yunchengzhong{ background-image: url(/images/1.0/spe/yunchengzhong.jpg);}
.spebanner.guanjia{ background-image: url(/images/1.0/spe/guanjia.jpg);}
.spebanner.xiaoshou{ background-image: url(/images/1.0/spe/xiaoshou.jpg);}
.spebanner.zhuangche{ background-image: url(/images/1.0/spe/zhuangche.jpg);}
.spebanner.peidian{ background-image: url(/images/1.0/spe/peidian.jpg);}
.spebanner.rgv{ background-image: url(/images/1.0/spe/rgv.jpg);}
.spebanner.jiankong{ background-image: url(/images/1.0/spe/jiankong.jpg);}
.spebanner.chengzhong{ background-image: url(/images/1.0/spe/chengzhong.jpg);}
.spebanner.shouliao{ background-image: url(/images/1.0/spe/shouliao.jpg);}
.spebanner.yigou{ background-image: url(/images/1.0/spe/yigou.jpg);}
.spebanner.haoyunapp{ background-image: url(/images/1.0/spe/haoyunapp.jpg);}
.spebanner.huozhuapp{ background-image: url(/images/1.0/spe/huozhuapp.jpg);}
.spebanner.dibang{ background-image: url(/images/1.0/spe/dibang.jpg);}
.spebanner.shangtong{ background-image: url(/images/1.0/spe/shangtong.jpg);}
.spebanner.runhuazhan{ background-image: url(/images/1.0/spe/runhuazhan.jpg);}
.spebanner.guankongpingtai{ background-image: url(/images/1.0/spe/guankongpingtai.jpg);}

.downapp{background-color: #fff; display:inline-block; text-align: center; margin: 1rem 0 5rem 0;}
a.downapp{ text-decoration: none;}
.downapp span{
  box-shadow: 0 2px 16px rgba(28,76,186,.08);
  border-radius: 6px; display:flex; text-align: center; width: 150px; height: 150px; margin: 2rem 2rem; align-items:center;justify-content:center;
  background-image: url(/images/1.0/icon/erweima-arrow.png); background-repeat: no-repeat; background-position: top right; background-size: 40%;
}

.downapp span img.c2{ width: 1px;opacity: 0;}
.downapp:hover span img.c1{ display: none;}
.downapp:hover span img.c2{opacity: 1;transform: scale(86); transition: all 0.36s ease;}
.downapp:hover span{ background: none;transition: all 0.36s ease;}
.downapp i{ display:block; text-align: center; font-style: normal;}
.downapp i{position: relative; top:0rem; opacity: 1; transition: all 0.2s ease;}
.downapp i.hover{opacity: 0; top:0rem;}
.downapp:hover i{top:-1rem; opacity: 0;}
.downapp:hover i.hover{top:-2rem; opacity: 1;}

.cuttitle{ padding-top: 1em;border-bottom: 1px solid #eee; width: 100%;  overflow: hidden;}
.cuttitle ul{ padding: 0px; width: 100%; height:3rem; overflow: hidden; font-size: 0.96rem;}
.cuttitle ul li{ float: left; list-style: none; padding: 0em 0em 0.5em 0em; line-height: 2.5em;border-bottom: 2px solid #fff; margin: 0px 1rem;}
.cuttitle ul li.cur{ border-bottom: 2px solid #2B8CF4;}
.cuttitle ul li.cur a{ color: #333;}
.cuttitle ul li a{ color: #333; text-decoration: none; display:block;}
.cuttitle ul li:hover{border-bottom: 2px solid #2B8CF4;}
.cuttitle ul li:nth-last-child(1){margin-right:0}

.main-full{ width: 100%; padding: 5em 0px;}
.main-full:nth-child(even){ background-color: #f5f5f5;}

.main-full h2{ padding: 0em 0 2em 0; text-align: center;}
.main-full .row h2{ text-align: left; padding: 0.8em 0 1.2em 0;}
.main-full.xttd{
    background-image: url(/images/1.0/spe/bg-youshi.png); background-size: 100%;  background-position: top center; background-repeat:no-repeat; background-color: #f8f9fc;
}
  .xttd li p:nth-of-type(1) {
    font-size: 24px;
    font-weight: 400;
    margin: 10px 0;
  }
  .xttd li p:nth-of-type(2) {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
  .xttd .box {
    padding: 30px;
    width: 100%;
    box-shadow: 0px 0px 10px rgba(22, 119, 255, 0.15);
    margin-bottom: 20px;
    background-color: #fff;
    text-align: center;
  }

.gongneng .box {
    padding: 30px;
    width: 100%;
    padding-right: 25%;
    box-shadow: 0 1px 18px 0 rgba(0,0,0,.14);
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(/images/1.0/spe/joinus.png);
    background-repeat: no-repeat;
    background-position: right center;
  }
  .gongneng .col-md-6:nth-child(1) .box{background-image: url(/images/1.0/spe/joinus2.png);}
  .gongneng .col-md-6:nth-child(4) .box{background-image: url(/images/1.0/spe/joinus2.png);}

.main-full.anli .box{ background-color: #fff;box-shadow: 0 1px 18px 0 rgba(0,0,0,.14); text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.main-full.anli .box span{ width: 90%; margin: 0px auto; display: block; padding: 1.5em 0em;}

.main-full .more {
    padding: 0.5em 2em;
    height: 2.8em;
    line-height: 1.8em;
    background: #ffffff;
    border: 1px solid #2B8CF4;
    background-color: #2B8CF4;
    opacity: 1;
    border-radius: 5px;
    text-align: center;
    color: #1677ff;
    color: #fff;
    text-decoration: none;
    display: block;
    margin-top: 1em;
    float: left;
  }

.main-full .col-md-12 .more {margin: 2em auto; float: none; width: 9em;border-radius: 3em; background-color: #fff; color: #2B8CF4;}
.main-full .col-md-12 .more:hover{ background-color: #2B8CF4; color: #fff;}

.contentfull{ padding-top:5rem; padding-bottom:5rem;}
.contentfull:nth-child(even){ background-color: #f4f7ff;}
.contentfull .imgbg{ background-color: #fff; border-radius:2%;box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.contentfull .imgbg:hover{box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.2); transition:0.35s}
.contentfull:nth-child(even) .imgbg{ background-color: #fff;}
.contentfull .col-md-6 h2 em{color:#2B8CF4; font-style:normal;}

.container.areatitle{ text-align: center;}
.container.areatitle h2{ padding: 1em; font-size: 2.5em; line-height:1.5em; color:#2B8CF4;}

.first, .third{display: flex;align-items: center;text-align: left;background-color: #1677ff;color: #ffffff;margin-bottom: 2%;}
.first .text,.third .text{padding: 0 4%;font-size: 1.5em;}
.second {display: flex;margin-bottom: 1%;}
.second .left p,.second .right p{margin: 0 auto;text-align: center;font-size: 0.8em;height: 2em;line-height: 2em;}
.second .right {margin-left: 2%;}

.contentfull .xzsy{display: block;margin-top: 2rem;}
.contentfull .online {background-color: #2B8CF4; border-radius: 3px;border: 1px solid #2B8CF4; padding: 0.8em 1.5em; color: #fff; text-decoration: none;}
.contentfull .tel{border-radius: 3px; padding: 0.8em 1em; border: 1px solid #2B8CF4; color: #2B8CF4; text-decoration: none; margin-left: 10px;}
.dbxz{text-align: center;font-size: 1.2rem;padding-bottom: 4rem;}
.dbxz .dl{background-color: #2B8CF4; border-radius: 3px;border: 1px solid #2B8CF4; padding: 0.8em 1.5em; color: #fff; text-decoration: none;}
.dbxz .dz{ border-radius: 3px; padding: 0.8em 1em; border: 1px solid #2b8cf4; color: #2b8cf4; text-decoration: none; margin-left: 10px;}

.bootsms{padding: 3em 0em; width: 100%; background-repeat: repeat-x; background-position: center center; background-color: #2B8CF4; color: #fff; background-image: url(/images/1.0/spe/bg-botsms.png);}
.bootsms h2{font-size: 2em; text-align: center; padding: 0.5em 0em 0.5em 0em; }
.bootsms p{ font-size: 1em; padding: 0em 1em 2em 1em; text-align: center;}
.bootsms .submit{ background-color: #fff; border-radius: 5px; color: #2B8CF4; padding: 1em 2em;}
.bootsms li{ padding: 10px 0px;}
.bootsms .submit{color: #fff;background-image: linear-gradient(90deg,#ffb026,#ff8737); border-radius: 5px; padding: 0.8em 1.5em; border:none}


/*guankongpingtai*/
.main-full.mainfull{background-color: #f4f7ff;}
.gkpt-td {text-align: center;}
.gkpt-td h3{font-size: 1.1rem;font-weight: bold;color: #525252;}
.gkpt-td p{font-size: .875rem;color: #666;}
.gkpt-gn{padding: 20px 5px;background: #fff;margin-bottom: 3rem;}
.gkpt-gn h3{font-size: 1.5rem;font-weight: bold;padding-bottom: 1rem;color: #07192d;}
.gkpt-gn i{font-style: initial;font-size: 3rem;color: #07192d;margin: 1.5rem 0;display: block;}
.gkpt-gn i:after{content:'';display: block;height: 10px;width: 3.2rem;background-image: linear-gradient(180deg, transparent ,#6495ff);}
.gkpt-ys {border: 1px solid #e6e6e6;border-left: 5px solid #2b8cf4;margin-bottom: 2rem;padding: 0 20px 10px 20px;background: #fefefe;}
.gkpt-ys h3{font-size: 1.3rem;font-weight: bold;color: #07192d;}
.gkpt-ys p{font-size: 1rem;color: #666;}

/*�部�航*/

.tab-list{display:none;}

.control{display:block;transform:rotate(90deg); font-family:SimHei; position:absolute;right:-10px; top: 5px; background-color: #fff;width:40px;font-size:26px;opacity:1;text-align:center;}
.tab-list .control{transform:rotate(270deg);}
.tab-list {z-index:2;overflow:hidden;display:none;background:#fff;border-top:1px solid #eaeaea;position: relative; padding-top: 1em; padding-bottom: 1em;}
  .tab-list .control{transform:rotate(270deg);}
  .tab-list dd {float:left; width: 19%; margin: 0px 2%; list-style:none;padding:0 18px; font-size: 0.8em; line-height:3em;background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;margin:5px; text-align: center;}
  .tab-list dt{border-bottom:1px solid #eaeaea;font-size:18px;width:100%;padding:10px;margin-bottom:10px;}
  .tab-list dd a{color:#333;}
  .tab-list dd:hover{border:1px solid #2B8CF4;background-color:#2B8CF4;}
  .tab-list dd:hover a{color:#fff;}

@media screen and (min-width:720px){
	.contentfull{ padding-top:15rem; padding-bottom:15rem;}
	.main-full:nth-child(even) .col-md-6:nth-child(1){ float: right;}
	.main-full:nth-child(even) .col-md-6:nth-child(2){ float: left;}
	.contentfull:nth-child(even) .col-md-6:nth-child(1){ float: right;transform:translateY(15px);transition:0.5s;}
	.contentfull:nth-child(even) .col-md-6:nth-child(2){ float: left;transform:translateY(0px);transition:0.5s;}
	.contentfull:nth-child(odd) .col-md-6:nth-child(1){transform:translateY(15px);transition:0.5s;}
	.contentfull:nth-child(odd) .col-md-6:nth-child(2){transform:translateY(0px);transition:0.5s;}
	.contentfull:hover .col-md-6:nth-child(1){transform:translateY(0px);transition:0.5s;}
	.contentfull:hover .col-md-6:nth-child(2){transform:translateY(15px);transition:0.5s;}
}


@media screen and (max-width: 720px) {
	.contentfull .col-md-6 h2,.contentfull .col-md-6 h3{ margin-top:3rem;}
  .container.areatitle h2{ font-size:2em}
  .spebanner h1{ padding-top: 1em;}
  .cuttitle ul li{ width: 40%; text-align: center;margin: 0px 0.4em;}
  .tab-head::-webkit-scrollbar {display: none;}
  .tab-head {z-index:1;position: relative;display:flex;}
  .tab-head li{flex:1 0 auto;}
  .control{display:block;transform:rotate(90deg); font-family:SimHei; position:absolute;right:-10px; top: 5px; background-color: #fff;width:40px;font-size:26px;opacity:1;text-align:center;}
  .tab-list {z-index:2;overflow:hidden;display:none;background:#fff;border-top:1px solid #eaeaea;position: relative; padding-top: 1em; padding-bottom: 1em;}
  .tab-list .control{transform:rotate(270deg);}
  .tab-list dd {float:left; width: 46%; margin: 0px 2%; list-style:none;padding:0 18px; font-size: 0.8em; line-height:3em;background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;margin:5px; text-align: center;}
  .tab-list dt{border-bottom:1px solid #eaeaea;font-size:18px;width:100%;padding:10px;margin-bottom:10px;}
  .tab-list dd a{color:#333;}
  .tab-list dd:hover{border:1px solid #2B8CF4;background-color:#2B8CF4;}
  .tab-list dd:hover a{color:#fff;}
  .first, .third,.second{display: block;}
  .first .text,.third .text{padding: 5%;font-size: 1em;}
  .second .right{margin:0;}
  .downapp span{ margin: 2rem 0.5rem;}
}