body{background: #EFF0F3;}
#banner{height: 640px;position: relative;z-index: 1;margin-bottom: 170px;}
.banner,.backstage-b{display: block;height: 640px;}
/*.banner li,.backstage-b li{float: left;width: 100%;height: 640px;border-bottom:5px #B1BBC5 solid;background-position: center center;background-size: cover;background-repeat: no-repeat;}*/
.banner li,.backstage-b li{float: left;width: 100%;height: 640px;border-bottom:0px #B1BBC5 solid;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.backstage-b li{border-bottom: none;}
#banner .bx-pager{position: absolute;bottom: -60px;left:50%;text-align: center;}
#banner .bx-pager a{display: inline-block;width: 300px;height: 90px;position: relative;padding: 5px 10px 0 130px;text-align: left;border-bottom:2px #B5BFCF solid;text-decoration: none;background: #DDE3E9;vertical-align: middle;margin-right: 0;outline: none;}
#banner .bx-pager a img{position: absolute;left: 0;top: 0;width: 120px;height: 90px;}
#banner .bx-pager a strong{display: block;color:#1F2228;line-height: 30px;margin-bottom: 5px;font-size: 16px;}
#banner .bx-pager a strong i{font-weight: normal;color:#545D6B;}
#banner .bx-pager a p{line-height: 20px;max-height: 40px;overflow: hidden;margin-bottom: 0;font-size: 12px;color:#545D6B;}
#banner .bx-pager a.active{background: #1D89D5;border-color: #0D65B3}
#banner .bx-pager a.active strong,#banner .bx-pager a.active strong i,#banner .bx-pager a.active p{color:#fff;}

.main{position: relative;}
.example{height: 500px;text-align: center;}

.introduce{position: relative;margin-bottom: 140px;}
.introduce-img{width: 400px;text-align: center;position: absolute;left: 0;bottom: 0;}
.introduce-img img{max-width: 100%;}
.introduce-i{padding:0 20px 0 420px;text-align: left;}
.introduce-i strong{color:#1F2228;font-size: 48px;line-height: 60px;font-weight: bold;display: block;margin-bottom: 10px;}
.introduce-i small{display: inline-block;line-height: 30px;padding: 0 30px;border-radius: 15px;margin-bottom: 30px;background: #C72931;color:#fff;font-size: 18px;}
.introduce-i p{line-height: 30px;font-size: 16px;color:#555D6C;margin-bottom: 0;}

.function-b,.marketing-b{height: 640px;background-image: url(../images/bg04.jpg);}
.bg-cover{background-position: center center;background-repeat: no-repeat;background-size: cover;}

#procedure{background: #fff;position: relative;}
.procedure-b{position: relative;padding: 90px 0 60px;}
.procedure-bg-l,.procedure-bg-r{position: absolute;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.procedure-bg-l{left: 36px;top: 170px;width: 324px;height: 420px;background-image: url(../images/bg03-l.png);}
.procedure-bg-r{right: 116px;top: 88px;width: 211px;height: 117px;background-image: url(../images/bg03-r.png);}
.procedure-b strong{display: block;text-align: center;color:#1F2228;font-size: 40px;font-weight: normal;}
.procedure-b strong span{font-size: 48px;font-weight: bold;color:#C72932;}
.procedure-b small{display:block;width: 659px;line-height: 58px;position: relative;border:1px #b2bbc6 dashed;margin: 0 auto;font-size: 23px;text-align: center;color:#727A8B;text-align: center;}
.procedure-b small i{position: absolute;display: inline-block;width: 8px;height: 8px;border:1px #b2bbc6 solid;background: #fff;}
.procedure-b small i.u01{left: -4px;top: -4px;}
.procedure-b small i.u02{left: -4px;top: 50%;margin-top: -5px;}
.procedure-b small i.u03{left: -4px;bottom: -4px;}
.procedure-b small i.u04{right: -4px;top: -4px;}
.procedure-b small i.u05{right: -4px;top: 50%;margin-top: -5px;}
.procedure-b small i.u06{right: -4px;bottom: -4px;}
.procedure-b small i.u07{left: 50%;margin-left: -5px;top: -4px;}
.procedure-b small i.u08{left: 50%;margin-left: -5px;bottom: -4px;}

.procedure-list{overflow: hidden;text-align: center;padding-top: 80px;}
.procedure-list ul {overflow: hidden;display: inline-block;}
.procedure-list li{float: left;text-align: center;width: 190px;position: relative;}
.procedure-list li strong{position: absolute;right: -30px;top: 0;display: inline-block;text-align: center;width: 37px;height:125px;line-height: 125px;color:#C1C5CF;font-size: 25px;}
.procedure-list li span{display: inline-block;width: 125px;height: 125px;border-radius: 70px;background: #C1C6CF;overflow: hidden;}
.procedure-list li span img{max-width: 100%;}
.procedure-list li em {display: block;font-style: normal;line-height: 24px;margin-bottom: 5px;}
.procedure-list li p{line-height: 20px;margin-bottom: 0;color:#555D6C;font-size: 14px;}

.function-b,.marketing-b{height: 640px;background-image: url(../images/bg04.jpg);}
.marketing-b{background-image: url(../images/bg06.jpg);}
.service{background-image: url(../images/bg05.jpg);background-position: center bottom;padding: 110px 0 70px;/* background-attachment: fixed; */}
.service-b-i{width:50%;float:right;}
.service-b-i strong{display: inline-block;font-size: 48px;line-height: 60px;position: relative;margin-bottom: 40px;}
.service-b-i strong span{font-size: 36px;}
.service-b-i strong small{position: absolute;left: 151px;top: -5px;min-width:120px;padding: 0 20px 0 10px;display: inline-block;background: #C72931;line-height: 22px;font-weight: normal;color:#fff;font-size: 12px;background: url(../images/u00.png) right center;}
.service-b-i li{display: block;margin-bottom: 15px;padding-left: 50px;position: relative;}
.service-b-i li em{display: inline-block;width: 38px;height: 38px;position: absolute;top: 0;left: 0;}
.service-b-i li strong{color:#1D89D5;font-size: 18px;line-height: 24px;margin-bottom: 8px;}
.service-b-i li p{margin-bottom: 0;font-size: 14px;color:#555D6C;}

.case{background-image: url(../images/bg08.jpg);padding: 110px 0 70px;background-attachment: fixed;}

.backstage-b .bx-controls-direction a{display: inline-block;width: 70px;height: 70px;position: absolute;top: 50%;margin-top: -35px;text-indent: 0;color:#8E98AA;}
.backstage-b .bx-controls-direction a:hover{color:#1D89D5;}
.backstage-b .bx-controls-direction a span{font-size: 50px;}
.backstage-b .bx-controls-direction a.bx-prev{left: 0;}
.backstage-b .bx-controls-direction a.bx-next{right: 0;}