.service-box{
	background-image: url(../images/service_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	background-color: #09080a;
	min-height: 10rem;
	color: #fff;
	padding-bottom: .5rem;
}
.service-nav{
	height: 6.45rem;
	position: relative;
}
.service-nav .yuan{
	background-image: url(../images/yuan.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	width: 5.39rem;
	height: 5.39rem;
	position: absolute;
	left: 50%;
	margin-left: -2.695rem;
	top: .72rem;
}
.service-nav .yuan2{
	background-image: url(../images/yuan2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	width: 3.2rem;
	height: 3.2rem;
	position: absolute;
	left: 50%;
	margin-left: -1.6rem;
	top: 1.86rem;
}
.service-nav .yuan3{
	background-image: url(../images/yuan3.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	width: 4.19rem;
	height: 4.19rem;
	position: absolute;
	left: 50%;
	margin-left: -2.095rem;
	top: 1.36rem;
}
.service-nav .yuan>a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.28rem;
	height: 1.28rem;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	position: absolute;
	color: #fff;
	text-align: center;
}
.service-nav .yuan>a.big{
	line-height: .4rem;
	font-size: .28rem;
}
.service-nav .yuan>a.small{
	line-height: .34rem;
}
.service-nav .yuan>a.a1{
	background-image: url(../images/quan1.png);
	left: 50%;
	margin-left: -.64rem;
	top: -.64rem;	
}
.service-nav .yuan>a.a2{
	background-image: url(../images/quan2.png);
	right: -.45rem;
	top: .98rem;
}
.service-nav .yuan>a.a3{
	background-image: url(../images/quan3.png);
	right: .3rem;
	bottom: -.08rem;
}
.service-nav .yuan>a.a4{
	background-image: url(../images/quan4.png);
	left: .3rem;
	bottom: -.08rem;
}
.service-nav .yuan>a.a5{
	background-image: url(../images/quan3.png);
	left: -.45rem;
	top: .98rem;
}
.service-nav .yuan2>a{
	display: flex;
	background-image: url(../images/quan5.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	width: 1.28rem;
	height: 1.33rem;
	color: #fff;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-size: .28rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -.64rem;
	margin-top: -.665rem;
	line-height: .4rem;
}
.service-nav .yuan3>a{
	display: flex;
	background-image: url(../images/quan_big.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	width: 2.1rem;
	height: 2.18rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-size: .4rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1.05rem;
	margin-top: -1.09rem;
}
.ani-rotate{
	animation: aniRotate 5s linear 1;
}
@keyframes aniRotate{
	0%{
        transform: rotate(0); 
	}
	100%{
        transform: rotate(360deg);
	}
}
.ani-rotate2{
	animation: aniRotate2 5s linear 1;
}
@keyframes aniRotate2{
	0%{
        transform: rotate(0); 
	}
	100%{
        transform: rotate(-360deg);
	}
}
.service-cont .top{
    text-align: center;
}
.service-cont .top .tit{
	
}
.service-cont .top .tit>span{
	display: inline-block;
	font-size: .4rem;
	font-weight: bold;
	border-bottom: 2px solid #fff;
	padding-bottom: .05rem;
}
.service-cont .top .tit_s{
	margin-top: .1rem;
	font-size: .26rem;
}
.service-cont .top .tit_s>b{
	font-size: .4rem;
	color: #3088a1;
}
.service-cont .feature-list{
	width: 70%;
	margin: .5rem auto 0 auto;
}
.service-cont .feature-list li{
   display: flex;
   margin-top: .3rem;
}
.service-cont .feature-list li:first-child{
	margin-top: 0;
}
.service-cont .feature-list li>span{
	display: block;
}
.service-cont .feature-list li>span.icon i{
	display: inline-block;
	width: .25rem;
	height: .25rem;
	background-color: #3088a1;
	margin-top: .1rem;
}
.service-cont .feature-list li>span.text{
	margin-left: .3rem;
}

.service-cont .brief{
	width: 80%;
	margin: .5rem auto 0 auto;
	
}
.service-cont .brief strong{
	font-size: .32rem !important;	
	color: #3088a1;
}
.service-cont .case-list{
    width: 5.64rem;
    margin: .5rem auto 0 auto;
    color: #222;
}
.service-cont .case-list a{
	width: 100%;
	padding-left: .2rem;
	height: 1.81rem;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	display: flex;
	color: #222;
}
.service-cont .case-list a.li1{
    background-image: url(../images/case_list_bg_1.png);
}
.service-cont .case-list a.li2{
    background-image: url(../images/case_list_bg_2.png);
}
.service-cont .case-list a.li3{
    background-image: url(../images/case_list_bg_3.png);
}
.service-cont .case-list a.li4{
    background-image: url(../images/case_list_bg_4.png);
}
.service-cont .case-list a.li5{
    background-image: url(../images/case_list_bg_5.png);
}
.service-cont .case-list a.li6{
    background-image: url(../images/case_list_bg_6.png);
}
.service-cont .case-list a .num{
	width: 1.45rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .36rem;
}
.service-cont .case-list a .name{
	width: 3.2rem;
	height: 96%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: .36rem;
	margin-left: .1rem;
}
.service-cont .case-list a .name>span{
	display: -webkit-box;
	max-height: .9rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.service-cont .tip{
	display: flex;
	width: 6.4rem;
	margin: .4rem auto 0 auto;
}
.service-cont .tip .icon>span{
	display: inline-block;
	width: .44rem;
	height: .42rem;
	background-image: url(../images/icon_wjx.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	margin-top: .1rem;
}
.service-cont .tip .text{
	margin-left: .2rem;
}

.case-box{
	padding: 0 0 .5rem 0;
}
.case-download{
	text-align: center;
}
.case-download>a{
	display: inline-block;
	width: 5.63rem;
	height: 1.86rem;
	background-image: url(../images/download_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}
.case-content{
	padding: .2rem;
}
.case-content strong,.case-content span{
    font-size: .3rem !important;
}
.case-content img{
	max-width: 100% !important;
	height: auto;
}
.coming{
	text-align: center;
	margin-top: .3rem;
}
.coming img{
	width: 3.01rem;
	height: auto;
}

.popup-email{
	width: 7rem;
	background-color: #fff;
	border-radius: .1rem;
	z-index: 777;
	position: fixed;
	top: 45%;
	left: 50%;
	margin-left: -3.5rem;
}
.popup-email .text{
	text-align: center;
	padding: .5rem 0;
	font-size: .3rem;
}
.popup-email .btns{
	display: flex;
}
.popup-email .btns button{
	width: 50%;
	height: 1rem;
	font-size: .3rem;
	border: none;
	color: #fff;
}
.popup-email .btns button.confirm{
	background-color: #014f6d;
}
.popup-email .btns button.cancel{
	background-color: #ae2d8d;
}