@charset "utf-8";
/* CSS Document */
.w1200{ width:1200px; margin:0 auto;}
.clearfix::after{ content:""; display:block; clear:both;}

.mpmb_banner{ height:300px; background:url(mpmb_banner.png) top center no-repeat; background-size:cover;}
.mpmb_tit{ color:#FFF;}
.mpmb_tit span{ color:#FFF; font-size:64px; letter-spacing: 6.67px; line-height: 300px; display:inline-block; text-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);}

.mpmb_tab{ background-size:100%; padding-top:50px;}

.title{ width:500px; height:80px;line-height:80px; font-size:32px; color:#333; text-align:center; margin:0 auto 25px;}
.title-1{ background:url(t_bg_1.png) center center no-repeat;}
.title-2{ background:url(t_bg_2.png) center center no-repeat;}
.title-3{ background:url(t_bg_3.png) center center no-repeat;}
.title-4{ background:url(t_bg_4.png) center center no-repeat;}

.list{}
.list li{ width:277px; height:96px; margin-right:30px; margin-bottom:20px; float:left; background: #FFFFFF; box-shadow: 0px 2px 15px rgba(153, 153, 153, 0.2); transition:all 0.5s;}
.list li:nth-child(4n){ margin-right:0px;}
.list li:hover{ background: #4393F4; transform: translate3d(0,-10px,0); transition: all 0.5s;}
.list li a{ display:table-cell; width:277px; height:96px; padding:0 20px 0 105px; line-height:22px; vertical-align:middle;}
.list li:hover a{ color:#FFFFFF;}
.open{ display:block; width:77px; height:17px; margin:0px auto 50px; font-size:14px; color:#4393F5; background:url(i.png) right center no-repeat; cursor:pointer; text-align:center; padding-right:15px;}
.cur{ background:url(i-c.png) right center no-repeat;}
.list li:nth-child(n+9){ display:none; transition:all 0.5s;}
.list.all li:nth-child(n+9){ display:block; transition:all 0.5s;}

.znspTab{ background:url(znspBg.png) top left no-repeat; position:relative; margin-bottom:44px;}
.znspTabCon{ width:674px; height:410px; float:right; background:#FFF; margin-top:60px; padding:30px; font-size:18px; line-height:24px; letter-spacing: 2.7px; box-shadow: 0px 2px 15px rgba(153, 153, 153, 0.2);}
.znspTabCon h3{ width:220px; height:50px; line-height:50px; font-size:22px; color:#FFF; font-weight:400; text-align:center; margin-bottom:40px; margin-left:-78px; background:#4393F5; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);}
.znspTabCon > p{ color:#333;}
.znspTabCon .before{ margin:50px 0 30px;}
.znspTabCon .before span{ display:inline-block; font-size:16px; text-align:center; color:#FFF; float:left; width:54px; height:54px; line-height:50px; background: #4CD5A9; border: 4px solid #91EACD; margin-right:24px; border-radius:50%;}
.znspTabCon .before p{ padding-top:5px;}

.znspTabCon .now span{ display:inline-block; font-size:16px; text-align:center; color:#FFF; float:left; width:54px; height:54px; line-height:50px; background: #5DA5FE; border: 4px solid #CAE2FF; margin-right:24px; border-radius:50%;}
.znspTabCon .now p{ padding-top:5px;}