@import url("main.css");

/*首页*/
.maincont{position:relative;}
.maincont .allcenter{}
.maincont .allcenter:before{ content: '';width: 100%;height: 2499px;background: url(../img/index/xz.png) no-repeat 5px -14px;z-index: -1;display: inline-block;position: absolute;}

.servicelist { margin-top: 100px;}
.servicelist li { height: 280px; padding-bottom:0;width: 350px; text-align:center;float:left; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.servicelist li a{color: #fff;}
.servicelist .serviceitem_1 { background:#43b9f6; }
.servicelist .serviceitem_2 {width: 500px;background:#6686ff; }
.servicelist .serviceitem_3 { background:#9878ff; }
.servicelist li i{background: rgba(0,0,0,.03);display: block;margin: 10px;height: 120px;line-height: 120px;font-size: 0;}
.servicelist li i img{vertical-align: middle;}
.servicelist li div { position:relative; transition: all 0.3s ease-out 0s; top:0px; padding-top:0; margin-top: 20px;}
.servicelist li div p { padding:0 30px; }
.servicelist li div p.title { font-size:18px; }
.servicelist li div p.title::after {content:'';position:absolute;width: 49px;height:1px;background:rgba(255, 255, 255, .2);left: 50%;margin-left: -25px;top: 38px;transition: all 0.3s ease-out 0s;}
.servicelist li div p.description { width:auto; margin-top:30px;padding: 0 40px; line-height:24px;height: 48px; }
.servicelist li div:after { position: absolute; content: ""; left: 10px; width: calc(100% - 20px - 2px); height: 110%; border: 1px solid rgba(255, 255, 255, .0); margin-left: 0; top: 1px; transition: all 0.3s ease-out 0s; }

.servicelist li.active,.servicelist li:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); margin-top: -8px; }
.servicelist li.active div,.servicelist li:hover div { margin-top:0px; padding-top:28px;}
.servicelist li.active div:after,.servicelist li:hover div:after { border: 1px solid rgba(255, 255, 255, .4);  height: 127%; }
.servicelist li.active div p.title::after,.servicelist li:hover div p.title::after {top: 66px;}
.servicelist li.active,.servicelist li:hover { box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); margin-top:-20px; height: 320px; }
.servicelist li.active i{ background: url(../img/index/txyybg.png) no-repeat center;}
.indexdiv{color: #fff;position: relative;}
.indexdiv.style1{}
.indexdiv .title{height: 80px;width: 100%;margin-bottom: 25px;margin-top: 10px;}
.indexdiv .title img{height: 100%;width: auto;}
.indexdiv p{line-height: 26px;text-indent: 2em;}
.indexdiv img{}
.indexdiv a{width: 124px;height: 34px;text-align:center;line-height: 34px;display:inline-block;background-color: #4b9ec2;color: #fff;border-radius: 20px;margin-top: 30px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexdiv a:hover{background-color: #5ab7df;}
.indexdiv .textinfo{width: 740px;}
.indexdiv .imginfo{width: 280px;text-align: center;}
.indexdiv .imginfo img{width:100%;height:auto;}
.indexdiv:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;z-index: -1;}


.indexdiv.style1 .textinfo{float: left;margin-left: 90px;}
.indexdiv.style1 .imginfo{float: right;margin-right: 30px;}
.indexdiv.style2 .textinfo{float: right;margin-right: 120px;margin-top: 80px;}
.indexdiv.style2 .imginfo{float: left;margin-right: 30px;margin-top: 80px;}


.thywx{height: 565px;margin-top: 70px;}
.thywx:after{background: url(../img/index/thywx_bg.png) left 0 no-repeat;}

.kjysh{height: 640px;margin-top: 18px;}
.kjysh:after{background: url(../img/index/kjysh_bg.png) 336px bottom no-repeat;}

.kjyts{height: 678px;margin-top: 90px;}
.kjyts:after{background: url(../img/index/kjyts_bg.png) left 0 no-repeat;}
.kjyts .textinfo{width: 699px;}
.kjyts.style1 .textinfo{ margin-top: 85px;}
.kjyts.style1 .imginfo{ margin-top: 80px;}

.kjywx{height: 630px;}
.kjywx:after{background: url(../img/index/kjywx_bg.png) 84px -80px no-repeat;}

.jcdltyg{height: 758px;}
.jcdltyg:after{background: url(../img/index/jcdltyg_bg.png) left 45px no-repeat;}
.jcdltyg.style1 .textinfo{ margin-top: 220px;}
.jcdltyg.style1 .imginfo{ margin-top: 213px;}