*{margin:0;padding:0;}
html{color:#fff;background:#fff;}
body{width:100%;margin:0 auto;font-size:14px;font-family:"Microsoft YaHei";line-height:1.7;color:#242424;}
li,ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei";}
img{border:0 none;-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor:pointer;}
.white{color: #fff;}
body{overflow-x:hidden;}
.article{max-width: 1920px; min-width: 604px; margin: 0 auto; font-size: 18px; background: #05092B;}
.article h2{width: 100%;margin: 0 auto;padding: 60px 0; font-weight: normal;}
.article h2 img{display: block;margin: 0 auto}
.btn{display:block;width: 132px;height: 44px;line-height: 45px;border-radius: 30px;font-size:21px;color: #fff;text-align: center;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;margin: 0 auto;background: linear-gradient(to right, #E6337F, #FA7F35);box-shadow: 0 0 20px rgba(212,48,102,.4);}
.btn1{width: 85px;height: 85px;display: -webkit-flex;justify-content: center;align-items: center;border-radius: 50%;line-height: 1.3;font-size: 22px}
.banner .ban4:hover,.btn:hover,.banner .w1200 a:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);}
.btn img{display: inline-block;vertical-align: middle; padding:0 0 3px 1px;}
.over{overflow: hidden;}
.w1200{width: 1200px;margin:0 auto; position:relative;}
.fl{float: left}
.fr{float: right}
.over{overflow: hidden}
.pb{padding-bottom: 100px}
.pt{padding-top: 20px}
.h_top{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.h_top:hover{transform:translate(0,-10px);-moz-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-o-transform:translate(0,-10px);}
/*======*/
.banner{width: 100%;height:986px;background: url("../images/banner.jpg") no-repeat top center;text-align:center;position: relative}
.banner a{display: block;position: absolute;right: 339px;bottom: 120px;z-index: 1;animation: rotate 0.8s infinite;-webkit-animation: rotate 0.8s infinite}
.w1200 ul{overflow:hidden;}
.w1200 img{display: block;margin: 0 auto;text-align: center}
.w1200 ul li{float: left;position: relative;border-radius: 35px}
.w1200 ul li a{position: absolute;left: 50%;bottom: -22px;z-index: 1}
.section1 {height: 1062px;background:url(../images/bg1.jpg) top center no-repeat;}
.section1 .w1200{padding-top: 210px}
.section1 .w1200 h2{position: absolute;left: 0;top: 20px;z-index: 1}
.section1 ul{width: 1100px;padding: 90px 50px 70px;overflow: hidden;background: #F0D334;border-radius: 100px}
.section1 ul li{width: 240px;float: left;margin-right: 46px;margin-bottom: 35px}
.section1 ul li a{position: static;}
.section1 ul li:nth-child(4n){margin-right: 0}
.section2 {height: 1032px;background: url("../images/bg2.jpg") no-repeat top center;padding-top: 100px}
.section2 ul{padding-top: 20px}
.section2 ul li{width: 263px;float: left;margin-right: 49px;margin-bottom: 45px}
.section2 ul li:nth-child(4n){margin-right: 0}
.section2 ul li a{display: block;width: 130px;height: 44px;line-height: 44px;border-radius: 22px;text-align: center;font-size: 24px;color: #f10780;background: #FFD800;margin-left: -65px;bottom: 28px}
.section3 {background: url("../images/bg3.jpg") no-repeat top center;}
.section3 h2{padding-top: 0}
.section3 .box{width: 1126px;height: 1280px;padding: 50px 37px;border-radius: 30px;background: #802AD0;position: relative}
.section3 .box .over{width: 1126px}
.section3 .box .fl{padding-top: 20px}
.section3 .box .over ul{width: 451px;padding-top: 18px}
.section3 .box .over ul li{width: 217px;margin-right: 17px;margin-bottom: 42px}
.section3 .box .over ul li:nth-child(2n){margin-right: 0}
.section3 .box .over ul li a,.section3 ul.over li a,.section4 .w1200 ul.over li a,.section6 .w1200 ul li a,.section7 .w1200 ul li a{margin-left: -66px}
.section3 .box .over:nth-child(2){position: absolute;left: 50px;bottom: 75px;z-index: 1}
.section3 .box .over:nth-child(2) .fr{padding-top: 120px}
.section3 ul.over{width: 1126px;margin: 0 auto;padding: 50px 0}
.section3 ul.over li{width: 360px;margin-right: 23px;}
.section3 ul.over li:last-child{margin-right: 0}
.section4 .w1200,.section6 .w1200,.section7 .w1200{width: 1126px;padding: 30px 37px 50px;background: #B72AD0;border-radius: 30px}
.section4 .w1200 .fl{padding-top: 20px}
.section4 .w1200 ul.fr{width: 478px;padding-top: 20px}
.section4 .w1200 ul.fr a{width: 160px;bottom: 58px;margin-left: -80px}
.section4 .w1200 ul.over{padding: 33px 0 22px}
.section4 .w1200 ul.over li,.section6 .w1200 ul:nth-child(1) li{width: 210px;margin-right: 19px;}
.section4 .w1200 ul.over li:last-child,.section6 .w1200 ul li:last-child,.section7 .w1200 ul li:last-child{margin-right: 0 !important}
.section5 .w1200{background: #802AD0}
.section5 .w1200 ul.fr li{width: 147px;margin-right: 18px;margin-bottom: 35px}
.section5 .w1200 ul.fr li:nth-child(3n){margin-right: 0}
.section5 .w1200 ul.fr a{width: 132px;margin-left: -66px;bottom: -22px}
.section6 .w1200{background: #802AD0}
.section6 .w1200 ul{padding: 30px 0}
.section6 .w1200 ul:nth-child(2) li{width: 264px;margin-right: 23px}
.section6 .w1200 ul:nth-child(3) li{width: 338px;margin-right: 56px}
.section7 {background: url("../images/bg4.jpg") no-repeat bottom center;padding-bottom: 1311px}
.section7 .w1200{background: #33B6E1}
.section7 .w1200 ul{padding: 20px 0}
.section7 .w1200 ul:nth-child(1) li{width: 366px;margin-right: 14px}
.section7 .w1200 ul:nth-child(2) li{width: 556px;margin-right: 14px}
.section7 .w1200 ul li a{bottom: 25px}

@keyframes rotate {
    0% {
        transform: translateY(0) ;
    }
    25% {
        transform: translateY(8px);
    }
    50% {
        transform: translateY(10px) scale(1.05, 0.95);

    }
    75% {
        ransform: translateY(8px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}

@-webkit-keyframes opacity{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
}
@keyframes opacity{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
}
@keyframes scaleDraw {
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}@-webkit-keyframes bounceInDown{
     0%{opacity:0;-webkit-transform:translateY(-600px)}
     60%{opacity:1;-webkit-transform:translateY(30px)}
     80%{-webkit-transform:translateY(-10px)}
     100%{opacity:1;-webkit-transform:translateY(0)}
 }
@keyframes bounceInDown{
    0%{opacity:0;transform:translateY(-600px)}
    60%{opacity:1;transform:translateY(30px)}
    80%{transform:translateY(-10px)}
    100%{opacity:1;transform:translateY(0)}
}
@keyframes showb
{
    0%,50%,100%{opacity: 0}
    25%,75%{opacity: 0.5}
}
@-webkit-keyframes showb
{
    0%,50%,100%{opacity: 0}
    25%,75%{opacity: 0.5}
}
@keyframes dx{
    0%,50%,100%{transform: scale(1)}
    25%,75%{transform: scale(1.08)}
}
@-webkit-keyframes dx {
    0%,50%,100%{-webkit-transform: scale(1)}
    25%,75%{-webkit-transform: scale(1.08)}
}
@-o-keyframes dx {
    0%,50%,100%{-o-transform: scale(1)}
    25%,75%{-o-transform: scale(1.08)}
}
@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}