.pagebox .banner#agency{height:0;padding-bottom:60%;}
.ping{display:block;max-width:100%;max-height:100%;min-height:100%;min-width:100%;}

.page-title{text-align:center;font-size: 16px;color: #333;font-weight: bold;}
.page-title.white{color: #fff;}

.contrast-main{margin-top:60px;}
.ProgspanTitle{font-size:20px;color:#3a3e4b;text-align:center;display:block;}
.ProgConner{font-size:14px;color:#3a3e4b;text-align:center;display:block;margin-top:12px;}
.contrast-conner{padding:0 20px;}
.contrast-conner .contrast-ul{background:#f8f8f9;margin-top:40px;}
.contrast-conner .contrast-ul .contrast-li{padding:20px 20px;}
.contrast-conner .contrast-ul .contrast-li .contrast-p{font-size:12px;color:#3a3e4b;}
.contrast-conner .contrast-ul .contrast-li img{display:block;margin-top:20px;}

.desire-main{margin-top:40px;background:#f0f1f4;padding:60px 20px;}
.desire-main img{display:block;margin:0 auto;margin-top:40px;}
.desire-p{color:#92949a;text-align:center;font-size:12px;margin-top:40px;}

.mhData-main{padding:60px 0;background-image: -moz-linear-gradient( 0deg, rgb(108,140,243) 0%, rgb(161,106,244) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(108,140,243) 0%, rgb(161,106,244) 100%);background-image: -ms-linear-gradient( 0deg, rgb(108,140,243) 0%, rgb(161,106,244) 100%);}
.mhData-main .ProgspanTitle,.mhData-main .ProgConner{color:#fff;}
.mhData-main .mhData-ul{margin-top:40px;overflow:hidden;}
.mhData-main .mhData-ul .mhData-li{display:block;width:50%;float:left;text-align:center;color:#fff;height:168px;}
.mhData-main .mhData-ul .mhData-li .mhData-span{display:block;font-size:40px;padding-top:30px;}
.mhData-main .mhData-ul .mhData-li .mhData-span i{font-size:20px;}
.mhData-main .mhData-ul .mhData-li .mhData-p{font-size:14px;margin-top:20px;}
.mhData-main .mhData-ul .mhData-li-2{width:100%;}

.choose-main{background:#f0f1f4;padding:60px 20px;}
.choose-main img{display:block;margin-top:40px;}

.cooperation-main{padding:60px 20px;}
.cooperation-main img{display:block;margin-top:40px;}

.exhibition-main{background:#f0f1f4;padding:60px 0;}
.exhibition-main .exhibition-ul{overflow:hidden;margin-top:50px;padding:0 20px;}
.exhibition-main .exhibition-ul .exhibition-li{display:block;width:50%;float:left;margin-bottom:20px;}
.exhibition-main .exhibition-ul .exhibition-li .exhibition-p{font-size:14px;color:#3a3e4b;text-align:center;margin-top:10px;}
.exhibition-main .exhibition-ul .exhibition-li img{display:block;margin:0 auto;}

.agency-main{padding:60px 0;}
.agency-connet{overflow:hidden;margin-top:50px;padding:0 20px;}
.agency-left{display:block;float:left;width:100%;height:auto;border:solid 1px #f0f1f4;margin-bottom:20px;}
.agency-right{display:block;float:right;width:100%;height:auto;border:solid 1px #f0f1f4;}
.agency-title{position:relative;display:block;height:100px;background-image: -moz-linear-gradient( 0deg, rgb(108,140,243) 0%, rgb(161,106,244) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(108,140,243) 0%, rgb(161,106,244) 100%);background-image: -ms-linear-gradient( 0deg, rgb(108,140,243) 0%, rgb(161,106,244) 100%);}
.agency-title .agency-span{font-size:20px;font-weight:bold;line-height:100px;color:#fff;padding-left:25px;}
.agency-title .agency-span:before{content:'';display:block;position:absolute;right:20px;top:20px;}
.agency-title .agency-span.agency-span-icon1:before{background:url(../../images/programLive/icon10.png) no-repeat center center;width:81px;height:60px;background-size:60%;}
.agency-title .agency-span.agency-span-icon2:before{background:url(../../images/programLive/icon9.png) no-repeat center center;width:56px;height:61px;background-size:60%;}
.agency-div{padding:20px;}
.agency-div .agency-p{font-size:12px;color:#3a3e4b;line-height:20px;margin-bottom:15px;}
.agency-div .agency-ul .agency-li{display:block;font-size:12px;line-height:30px;background:url(../../images/programLive/icon11.png) no-repeat left center;padding-left:15px;color:#3a3e4b;}
.agency-div .agency-ul .agency-li3{display:block;font-size:12px;line-height:30px;background:url(../../images/programLive/icon12.png) no-repeat left center;padding-left:15px;color:#3a3e4b;}
.agency-div .agency-ul .agency-li2{display:block;font-size:12px;line-height:20px;color:#888;margin-top:20px;}

.service-main{background:#f0f1f4;padding:60px 0;}
.service-ul{overflow:hidden;margin-top:50px;}
.service-ul .service-li{display:block;width:50%;height:200px;float:left;}
.service-ul .service-li img{display:block;margin:0 auto;margin-top:20px;}
.service-ul .service-li .service-span{text-align:center;display:block;font-size:16px;color:#3a3e4b;margin:25px 0 20px 0;font-weight:bold;}
.service-ul .service-li .service-p{display:block;text-align:center;font-size:12px;color:#3a3e4b;}

.coop-div{display:block;margin:0 auto;margin-top:40px;}
.coop-table{text-align:center;border-collapse:collapse;border-spacing:2;border-spacing:0;}
.coop-table .coop-tr1{background:#3285ff;}
.coop-table .coop-tr1 td{color:#fff;font-size:12px;border:0;}
.coop-table .coop-tr2 .coop-td2{text-align:left;padding:10px 10px;height:auto;line-height:24px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.coop-table .coop-tr2 .coop-td2 span{display:inline-block;width:50%;float:left;}
.coop-table td{border:2px solid #f3f3f3;height:42px;}

.message{padding:1rem 0;background:#fff;}
.mestitle{text-align:center;}
.mestitle .titleh{font-size:.48rem;color:#333;}
.mestitle .contp{font-size:.36rem;color:#666;margin-top:.2rem;}
.formd{margin-top:.5rem;}
.formd form input{display:block;width:100%;box-sizing:border-box;}
.formd form .xmane,.formd form .iphone{position:relative;border:solid .02rem #f0f3fa;box-sizing:border-box;display:flex;align-items:center;}
.formd form .xmane input,.formd form .iphone input{padding:.36rem .2rem;padding-left:1rem;font-size:.36rem;}
.formd form .xmane:before{display:block;position:absolute;left:.3rem;content:'';background:url(../../images/xingming.png) no-repeat;width:.48rem;height:.48rem;background-size:100%;}
.formd form .iphone:before{display:block;position:absolute;left:.3rem;content:'';background:url(../../images/dianhua.png) no-repeat;width:.48rem;height:.48rem;background-size:100%;}
.formd form .submit{margin-top:.4rem;}
.formd form .submit input{display:block;width:100%;height:100%;text-align:center;padding:.3rem 0;background:#316fff;color:#fff;border:solid .02rem #316fff;font-size:.4rem;cursor:pointer;box-sizing:border-box;border-radius:60rem;}
.remarks{text-align:center;margin-top:.5rem;}
.remarks p.mainp{font-size:.4rem;color:#333;}
.remarks p.small{font-size:.38rem;color:#666;margin-top:.2rem;}



/*flex兼容写法*/
/* 定义 */
.flex-def {display: -webkit-flex; display: flex; }
/* 主轴居中 */
.flex-zCenter {-webkit-justify-content: center;justify-content: center;}
/* 主轴居中 */
.flex-zAround {-webkit-justify-content: space-around;justify-content: space-around;}
/* 主轴两端对齐 */
.flex-zBetween {-webkit-justify-content: space-between;justify-content: space-between;}
/* 主轴end对齐 */
.flex-zEnd {-webkit-justify-content: flex-end;justify-content: flex-end;}
/* 主轴start对齐 */
.flex-zStart {-webkit-justify-content: start;justify-content: start;}
/* 侧轴居中 */
.flex-cCenter {-webkit-align-items: center;align-items: center;}
/* 侧轴start对齐 */
.flex-cStart {-webkit-align-items: start;align-items: start;}
/* 侧轴底部对齐 */
.flex-cEnd {-webkit-align-items: flex-end;align-items: flex-end;}
/* 侧轴文本基线对齐 */
.flex-cBaseline {-webkit-align-items: baseline;align-items: baseline;}
/* 侧轴上下对齐并铺满 */
.flex-cStretch {-webkit-align-items: stretch;align-items: stretch;}
/* 主轴从上到下 */
.flex-zTopBottom {-webkit-flex-direction: column;flex-direction: column;}
/* 主轴从下到上 */
.flex-zBottomTop {-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
/* 主轴从左到右 */
.flex-zLeftRight {-webkit-flex-direction: row;flex-direction: row;}
/* 主轴从右到左 */
.flex-zRightLeft {-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
/* 是否允许子元素伸缩 */
.flex-item {-webkit-flex-grow: 1;flex-grow: 1;}
/*子元素换行*/
.flex-wrap {-moz-flex-wrap:wrap;flex-wrap:wrap;}
/* 子元素的显示次序 */
.flex-order{-webkit-order: 1;order: 1;}
/*元素比例*/
.flex-one{-webkit-flex: 1; flex: 1;}