.m-banner{ background: url(img/banner-main.jpg); width: 100%; min-width: 1200px; height: 823px;}
.m-banner .text{ width: 760px; float: left; margin-top: 160px;}
.m-banner .text a{ width: 310px; height: 75px; background: #1b56f0; font-size: 28px; display: block; margin: 0px auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; line-height: 75px; color: #fff; text-align: center; margin-top: 75px; -moz-box-shadow: #afc4f9 0px 0px 10px; -webkit-box-shadow: #afc4f9 0px 0px 10px; -ms-box-shadow: #afc4f9 0px 0px 10px; box-shadow: #afc4f9 0px 0px 10px;}
.m-banner .text a:hover{-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}
.m-banner  .mac{ margin-right: -300px; float: right; margin-top: 185px;}

.m-tit{ color: #1b56f0; font-size: 26px; width: 390px; text-align: center; margin-left:auto ; margin-right: auto; }
.m-tit span{ width: 390px; height: 50px; background: url(img/tit-bg.png) no-repeat; font-size: 40px; color: #fff; display: block; text-align: center; margin-top: 15px; font-weight: bold;}
.m-pain{ width:100%; min-width: 1200px; background: url(img/pain-bg.png) no-repeat bottom center; min-height: 475px;}
.m-pain ul{ margin: 0px auto; width: 1200px;}
.m-pain ul li{ float: left; width: 33.3%; text-align: center;}
.m-pain ul li span{ display: block; clear: both; font-size: 26px;}
.m-pain ul li:nth-child(1){ margin-top: 125px;}
.m-pain ul li:nth-child(2){ margin-top: 100px;}
.m-pain ul li:nth-child(3){ margin-top: 110px;}
.m-play{ background: url(img/main-bg2.png) no-repeat right bottom; min-height: 1160px; padding-top: 90px;}
.m-play .content{background:url(img/play-bg.png) no-repeat center; width: 1200px; margin: 150px auto 0px auto; height: 665px; position: relative;}
.m-play .content ul li{ width: 305px; font-size: 18px; line-height: 26px; position: absolute;}
.m-play .content ul li h5{ font-size: 26px; margin-top: 15px; margin-bottom: 20px;}
.m-play .content ul li:nth-child(1){ top: 50px;}
.m-play .content ul li:nth-child(2){right: 0; top: -70px;}
.m-play .content ul li:nth-child(3){ top: 520px; left: 50px;}
.m-play .content ul li:nth-child(4){right: 30px; top: 470px;}
.m-spread{ background: url(img/spread-bg.png) no-repeat top center; height: 480px;}
.m-spread .content{ width: 1200px; margin: 0px auto; padding: 115px 0px;}
.m-spread .content h4{ font-size: 40px; color: #fff;}
.m-spread .content h4 span{ font-size: 24px; display: block; font-weight: normal; color: #ecd40e; margin-bottom: 10px;}
.m-spread .content p{ font-size: 18px; color: #fff; width: 545px; margin-top: 50px; line-height: 30px;}
.m-show{ width: 100%; min-width: 1200px; background: url(img/main-bg3.png) no-repeat left 80px; padding-top: 80px;}
.m-show .content{ width: 1200px; position: relative; margin: 70px auto 20px auto;}
.m-show .content ul{ padding-left: 15px;}
.m-show .content ul li{ width: 390px; text-align: center; float: left;}
.m-show .content ul li:first-child,.m-show .content ul li:last-child{ margin-top: 65px;}
.m-show .content ul li img{ text-align: center; margin: 0px auto;}
.m-show .content ul li span{ display: block; font-size: 26px; padding: 35px 0px;}
.m-show .content .circle{ position: absolute; right: -150px; z-index: 1; display: inline-block; background: url(img/main-bg4.png); width: 371px; height: 371px; top: -100px;}
.m-channel{ width: 100%; background: #f4f7fe; min-width: 1200px; padding-top: 90px;}
.m-channel .m-tit{ width: 100%; }
.m-channel .m-tit span{ margin: 0px auto 15px auto; display: block; width: 780px; background: url(img/tit-bg2.png) no-repeat;}
.m-channel .m-tit p{ font-size: 18px; line-height: 30px;}
.m-channel .content{ padding: 50px 0;}
.m-features{width: 100%;  padding-top: 90px; position: relative;}
.m-features:before{ content:''; display: inline-block; background: url(img/main-bg1.png) no-repeat left; width: 390px; height: 960px; position: absolute; left: 0; top: 80px;}

.m-advisory{  width: 1200px; margin: 0px auto; text-align: center; position: relative; z-index: 1;}
.m-advisory>div{background: url(img/advisory.png) no-repeat;  height: 285px;  border-radius: 4px; -webkit-border-radius: 4px;}
.m-advisory p{ font-size: 36px; color: #fff; padding-top: 90px;}
.m-advisory a{ border: #fff 1px solid; height: 50px; display: inline-block; line-height: 50px; border-radius: 4px; -webkit-border-radius: 4px; min-width: 180px; color: #fff; font-size: 20px; margin-top: 20px; position: relative;}
.m-advisory a:hover{ background: #fff; color: #2d01ae;}
.m-advisory img { vertical-align: middle; position: absolute; left: 50%; margin-left: -30px; bottom: -45px;
    -webkit-animation: shake-vertical 1.5s linear infinite both;
    animation: shake-vertical 1.5s linear infinite both;
}