#banner{height: 3.7rem;background: url(../img/phone-added_services-banner.png) no-repeat center;background-size: 100% 100%;}
#banner h3{font-weight: normal;color: white;font-size: .2rem;padding: 1.55rem 0 0 0rem;text-align: center;}

#main-top{height: 6.1rem;}
#main-top h3{text-align: center;font-size: 0.20rem;font-weight: 500;padding-top: 0.35rem;}
#main-top h4{margin: 0.3rem 0 0 0.25rem;font-size: 0.18rem;letter-spacing: 0.005rem;}
#main-top h4 img{margin: 0.02rem 0.06rem 0 0 ;float: left;width: .2rem;height: .2rem;}
#main-top .mpls{margin: 0.2rem 0 0 .25rem;width: 3.2rem;}
#main-top .title{font-size: 0.14rem;margin-top: 0.25rem;padding: 0 .25rem 0 .25rem;}
#main-top h5{font-size: .14rem;margin: .25rem 0 0 .25rem;}
#main-top  ul{margin: 0.3rem 0 0 0.2rem;height: 1.6rem;}
#main-top  ul li{float: left;width: 1.7rem;height: .8rem;}
#main-top  ul li img{float: left;width: .35rem;height: .35rem;}
#main-top  ul li p{float: left;margin-left: 0.1rem;font-size: .1rem;width: 1.12rem;}


#main-center{height: 24.2rem;background: url(../img/phone-cloud_geteway-main-bg.png) no-repeat center;background-size: 100% 100%;}
#main-center .main-center-top{height: 2.8rem;}
#main-center .main-center-top h3{padding: 0.3rem 0 0 0.25rem;font-size: 0.18rem;letter-spacing: 0.005rem;}
#main-center .main-center-top h3 img{padding: 0.02rem 0.06rem 0 0 ;float: left;width: .2rem;height: .2rem;}
#main-center .main-center-top ul{margin-top: 0.1rem;}
#main-center .main-center-top ul li{float: left;width: 1.56rem;height: 1.05rem;background: white;box-shadow: #e7e7e7 0.01rem 0.01rem 0.05rem 0.02rem;margin-left: 0.2rem;margin-top: .2rem;}
#main-center .main-center-top ul li h4{text-align: center;font-size: 0.12rem;margin-top: 0.1rem;}
#main-center .main-center-top ul li p{width: 1.36rem;font-size: 0.1rem;margin: 0.05rem 0 0 0.12rem;}


#main-center .main-center-center{height: 8rem;}
#main-center .main-center-center h3{padding: 0.3rem 0 0 0.25rem;font-size: 0.18rem;letter-spacing: 0.005rem;}
#main-center .main-center-center h3 img{padding: 0.02rem 0.06rem 0 0 ;float: left;width: .2rem;height: .2rem;}
#main-center .main-center-center .tit2{font-size: 0.14rem;margin:0.35rem 0 0 0.25rem;width: 3.2rem;}
#main-center .main-center-center ul{margin: 0.3rem 0 0 0.2rem;}
#main-center .main-center-center ul li{float: left;width: 1.7rem;height: 3.7rem;}
#main-center .main-center-center ul li img{float: left;width: .35rem;height: .32rem;}
#main-center .main-center-center ul li .p1{float: left;font-weight: bold;margin-left: 0.1rem;font-size: .1rem;}
#main-center .main-center-center ul li .p2{float: left;font-size: 0.1rem;width: 1.1rem;margin: .05rem 0 0 .1rem;}

#main-center .main-center-bottom{height: 10.7rem;}
#main-center .main-center-bottom h3{padding: 0.3rem 0 0 0.25rem;font-size: 0.18rem;letter-spacing: 0.005rem;}
#main-center .main-center-bottom h3 img{margin: 0.02rem 0.06rem 0 0 ;float: left;width: .2rem;height: .2rem;}


#main-center .main-center-bottom ul{margin: 0.35rem 0 0 0.4rem;}
#main-center .main-center-bottom ul li{width: 3rem;height: 2.6rem;margin-top: .2rem;}
#main-center .main-center-bottom ul li:first-child{background: url(../img/phone-op_dep-main-center-bottom-1.png) no-repeat center;background-size:100% 100% ;}
#main-center .main-center-bottom ul li:nth-child(2){background: url(../img/phone-op_dep-main-center-bottom-2.png) no-repeat center;background-size:100% 100% ;}
#main-center .main-center-bottom ul li:nth-child(3){background: url(../img/phone-op_dep-main-center-bottom-3.png) no-repeat center;background-size:100% 100% ;}
#main-center .main-center-bottom ul li h4{text-align: center;font-size: 0.14rem;padding-top: 1.4rem;}
#main-center .main-center-bottom ul li p{font-size: 0.12rem;text-align: center;margin-top: 0.05rem;padding: 0 .25rem;}



#main-bottom {height: 2.4rem;margin-top: .5rem;}
#main-bottom .main-bottom-top{text-align: center;}
#main-bottom .main-bottom-top p{margin-top: 0.1rem;font-size: 0.16rem;color: #7a7a7a;}
#main-bottom .contact{width: 3.5rem;height: .42rem;margin: .4rem 0 0 .12rem;}