#articleInfo1{position:relative;padding-top:125px;margin-top:170px;padding-bottom:15vh}
#articleInfo1 .workframe{width:85%}
#articleInfo1 .photo{z-index:2;position:absolute;bottom:0;right:0}
#articleInfo1 .topBar{position:absolute;width:100%;padding:10px 16px;color:#fff;font-size:1.4em;line-height:1.6em;background:#03a9f4;margin:0;z-index:10;top:0;transition:all 0.3s}
#articleInfo1 .topBar .box{display:inline-block;width:15%;text-align:center}
#articleInfo1 .topBar .box i{font-size:60px}
#articleInfo1 .topBar .box:first-child{animation:blink 2s infinite alternate ease-in-out;-webkit-animation:blink 2s infinite alternate ease-in-out;-moz-animation:blink 2s infinite alternate ease-in-out;-ms-animation:blink 2s infinite alternate ease-in-out;-o-animation:blink 2s infinite alternate ease-in-out}
#articleInfo1 .topBar .box .tit{overflow:hidden;height:49px;animation:blink2 1.5s infinite alternate ease-in-out;-webkit-animation:blink2 1.5s infinite alternate ease-in-out;-moz-animation:blink2 1.5s infinite alternate ease-in-out;-ms-animation:blink2 1.5s infinite alternate ease-in-out;-o-animation:blink2 1.5s infinite alternate ease-in-out}
#articleInfo1 .topBar .box:last-child{margin-left:4%;width:80%;text-align:left}
#articleInfo1 .infoWrap{}
#articleInfo1 .infoWrap ul{display:flex;flex-wrap:wrap;background-image:url(/images/42/service-title.png);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;width:934px;padding:70px;position:relative}
#articleInfo1 .infoWrap ul:before{content:url(/images/42/service-circle.png);position:absolute;top:-30px;right:0;-webkit-animation-name:circle;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-duration:20s}
@keyframes circle{0%{transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
#articleInfo1 .infoWrap ul li{width:calc(50% - 80px);margin:0 40px}
#articleInfo1 .infoWrap ul li h5{font-size:29px;color:#104a65;font-weight:700;margin:10px 0;letter-spacing:5px}
#articleInfo1 .infoWrap ul li h5 i{color:#25a746}
#articleInfo1 .infoWrap ul li p{padding-left:30px;font-size:16px}
#articleInfo1 .info{margin-top:130px;width:58%}
#articleInfo1 .info p{color:#727272;font-size:22px;font-weight:600;letter-spacing:5px;padding:40px;position:relative}
#articleInfo1 .info p b{font-size:24px;font-weight:700;vertical-align:bottom}
#articleInfo1 .info p:before{content:url(/images/42/service-left.png);position:absolute;top:0;left:0}
#articleInfo1 .info p:after{content:url(/images/42/service-right.png);position:absolute;bottom:0;right:0}
#articleInfo1 .iconBtn i{display:inline-block;line-height:45px}

@media screen and (max-width:1680px){
	#articleInfo1 .infoWrap ul li{width:calc(50% - 40px);margin:0 20px}
}
@media screen and (max-width:1440px){
	#articleInfo1 .photo{width:35%}
	#articleInfo1{margin-top:100px}
}
@media screen and (max-width:1280px){
	#articleInfo1{margin-top:89px}
}
@media screen and (max-width:1024px){
	#articleInfo1 .infoWrap ul{width:calc(95% - 60px);border:3px solid #b4a269;background-image:none;padding:30px}
	#articleInfo1 .infoWrap ul:before{top:-80px;right:-80px}
	#articleInfo1 .info{width:65%}
}
@media screen and (max-width:768px){
	#articleInfo1 .infoWrap ul li{width:100%;margin:0}
	#articleInfo1 .info{width:85%;margin-top:50px}
	#articleInfo1 .info p{letter-spacing:2.5px}
	#articleInfo1 .workframe{width: 90%;}
}
@media screen and (max-width:640px){
	#articleInfo1{padding-top:50px;padding-bottom: 0;margin-top: 78px;}
	#articleInfo1 .infoWrap ul:before{display:none;}
	#articleInfo1 .infoWrap ul{width: calc(100% - 60px);}
	#articleInfo1 .infoWrap ul li h5{font-size: 23px;letter-spacing: 0;}
	#articleInfo1 .infoWrap ul li h5 img{width: 25px;}
	#articleInfo1 .info{width:100%;}
	#articleInfo1 .info p{padding: 30px;font-size: 20px;}
	#articleInfo1 .info p b{font-size:22px;}
	#articleInfo1 .photo{width: 80%;position: relative;margin: 0 0 0 auto;}
}