@charset "utf-8";
@font-face{
    font-family: 'siwald';
    src : url('../font/SourceHanSansCN-Light.otf');
}
@font-face{
    font-family: 'osbold';
    src : url('../font/SourceHanSansCN-Bold.otf');
}
*{ margin:0; padding:0;outline: none;font-size:14px; }
body{width: 100%;min-width: 1200px;overflow-x: auto;}
i{font-style: normal}
a{ text-decoration:none;}
ul{ list-style-type:none;}
.clear{clear:both }
.cen{width: 1180px;margin: auto;position: relative}

.kuu div,.kuu p,.kuu i,.kuu li{
    font-family: siwald;
}
.kuu h2,.kuu h3{
    font-family: 'osbold'
}

/*banner*/
.banner{
    position: relative;width: 100%;overflow: hidden;
}
.banner .cen{
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;
}
.banner img{
    width: 100%;float: left;
}
.q_d1_span{
    float: right;color: #fff;width: 50px;text-align: center;margin-top: 70px;
}
.q_d1_span img {
    width: 100%;height: 50px;cursor: pointer;
}
.q_d1_span i{
    display: block;margin-top: 4px;float: left;width: 100%;
}
.q_d1_i2 {
    display: none;
}
.heat_min>img{
    z-index: 999!important; position: fixed;
}
.heart1{
    width: 25px;left: 30px;top: 1500px;
}
.heart1.atv {
    -webkit-animation: w11 8.1s ease-in-out .2s backwards;z-index: 1;animation: w11 8.1s ease-in-out .2s backwards;display: block;
}
@keyframes w1 {
    0%{top: -50px}
    50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w1 {
    0%{top: -50px}
    50%{top: 1500px;}100%{display: none}
}
.heart2{
   width: 30px;left: 160px;top: 1500px;
}
.heart2.atv {
    -webkit-animation: w2 8.1s ease-in-out backwards;animation: w2 8.1s ease-in-out backwards;display: block;
}
@keyframes w2 {
    0%{top: -150px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w2 {
    0%{top: -150px} 50%{top: 1500px;}100%{display: none}
}
.heart3{
   width: 50px;left: 339px;top: 1500px;
}
.heart3.atv{
    animation: w3 8.1s ease-in-out backwards;-webkit-animation: w3 8.1s ease-in-out backwards;display: block;
}
@keyframes w3 {
    0%{top: -100px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w3 {
    0%{top: -100px} 50%{top: 1500px;}100%{display: none}
}
.heart4{
   width: 30px;left: 420px;top: 1500px;
}
.heart4.atv{
    animation: w4 8.1s ease-in-out backwards;	-webkit-animation: w4 8.1s ease-in-out backwards;display: block;
}
@keyframes w4 {
    0%{top: -800px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w4 {
    0%{top: -800px} 50%{top: 1500px;}100%{display: none}
}
.heart5{
    width: 25px;right: 480px;top: 1500px;
}
.heart5 .atv{
    animation: w5 8.1s ease-in-out backwards;	-webkit-animation: w5 8.1s ease-in-out backwards;display: block;
}
@keyframes w5 {
    0%{top: -300px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w5 {
    0%{top: -300px} 50%{top: 1500px;}100%{display: none}
}
.heart6{
   width: 50px;right: 100px;top: 1500px;
}
.heart6.atv{
    animation: w6 8.1s ease-in-out backwards;  -webkit-animation: w6 8.1s ease-in-out backwards;display: block;
}
@keyframes w6 {
    0%{top: -50px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w6 {
    0%{top: -50px} 50%{top: 1500px;}100%{display: none}
}
.heart7{
    width: 50px;left: 600px;top: 1500px;
}
.heart7.atv{
    animation: w7 8.1s ease-in-out backwards; -webkit-animation: w7 8.1s ease-in-out backwards;display: block;
}
@keyframes w7 {
    0%{top: -800px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w7 {
    0%{top: -800px} 50%{top: 1500px;}100%{display: none}
}
.heart8{
   width: 50px;left: 780px;top: 1500px;
}
.heart8.atv{
    animation: w8 8.1s ease-in-out .2s backwards;-webkit-animation: w8 8.1s ease-in-out .2s backwards;display: block;
}
@keyframes w8 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w8 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
.heart9{
   width: 50px;left: 663px;top: 1500px;
}
.heart9.atv{
    animation: w9 8.1s ease-in-out backwards;-webkit-animation: w9 8.1s ease-in-out backwards;display: block;
}
@keyframes w9 {
    0%{top: -300px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w9 {
    0%{top: -300px} 50%{top: 1500px;}100%{display: none}
}
.heart10{
    width: 20px;left: 483px;top: 1500px;
}
.heart10.atv{
    animation: w10 8.1s ease-in-out backwards;-webkit-animation: w10 8.1s ease-in-out backwards;display: block;
}
@keyframes w10 {
    0%{top: -150px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w10 {
    0%{top: -150px} 50%{top: 1500px;}100%{display: none}
}
.heart11{
    width: 50px;left: 235px;top: 1500px;
}
.heart11.atv{
    animation: w11 8.1s ease-in-out .2s backwards;-webkit-animation: w11 8.1s ease-in-out .2s backwards;display: block;
}
@keyframes w11 {
    0%{top: -300px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w11 {
    0%{top: -300px} 50%{top: 1500px;}100%{display: none}
}
.heart12{
    width: 35px;right: 200px;top: 1500px;
}
.heart12.atv{
    animation: w12 8.1s ease-in-out .2s backwards;-webkit-animation: w12 8.1s ease-in-out .2s backwards;display: block;
}
@keyframes w12 {
    0%{top: -200px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w12 {
    0%{top: -200px} 50%{top: 1500px;}100%{display: none}
}
.heart13{
   width: 50px;right: 250px;top: 1500px;
}
.heart13.atv{
    animation: w13 8.1s ease-in-out .1s backwards;-webkit-animation: w13 8.1s ease-in-out .1s backwards;display: block;
}
@keyframes w13 {
    0%{top: -900px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w13 {
    0%{top: -900px} 50%{top: 1500px;}100%{display: none}
}
.heart14{
    width: 30px;top: 1500px;right: 50px;
}
.heart14.atv{
    animation: w14 8.1s ease-in-out .3s backwards;-webkit-animation: w14 8.1s ease-in-out .3s backwards;display: block;
}
@keyframes w14 {
    0%{top: -400px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w14 {
    0%{top: -400px} 50%{top: 1500px;}100%{display: none}
}
.heart15{
    width: 40px;top: 1500px; left: 521px;
}
.heart15.atv{
    animation: w15 8.1s ease-in-out .3s backwards;-webkit-animation: w15 8.1s ease-in-out .3s backwards;display: block;
}
@keyframes w15 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w15 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
.heart16{
    width: 35px;top: 1500px; left: 838px;
}
.heart16.atv{
    animation: w16 8.1s ease-in-out .3s backwards;-webkit-animation: w16 8.1s ease-in-out .3s backwards;display: block;
}
@keyframes w16 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w16 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
.heart17{
    width: 30px;top: 1500px; left: 1058px;
}
.heart17.atv{
    animation: w17 5s ease-in-out .3s backwards;-webkit-animation: w17 8.1s ease-in-out .3s backwards;display: block;
}
@keyframes w17 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w17 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
.heart18{
    width: 30px;top: 1500px; left: 1013px;
}
.heart18.atv{
    animation: w18 5s ease-in-out .35s backwards;-webkit-animation: w18 8.1s ease-in-out .35s backwards;display: block;
}
@keyframes w18 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w18 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
.heart19{
    width: 37px;top: 1500px; left: 948px;
}
.heart19.atv{
    animation: w19 5s ease-in-out .32s backwards;-webkit-animation: w19 8.1s ease-in-out .32s backwards;display: block;
}
@keyframes w19 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w19 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
.heart20{
    width: 33px;top: 1500px; left: 722px;
}
.heart20.atv{
    animation: w20 5s ease-in-out .32s backwards;-webkit-animation: w20 8.1s ease-in-out .32s backwards;display: block;
}
@keyframes w20 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w20 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
.heart21{
    width: 33px;top: 1500px; left: 900px;
}
.heart21.atv{
    animation: w21 5s ease-in-out .32s backwards;-webkit-animation: w21 8.1s ease-in-out .32s backwards;display: block;
}
@keyframes w21 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}
@-webkit-keyframes w21 {
    0%{top: -350px} 50%{top: 1500px;}100%{display: none}
}

.w1{
    padding-top: 55px;background: url("../images/sd1.jpg") no-repeat;background-size: 100% 100%;padding-bottom: 20px;position: relative;
}
.w1_img1,.w1_img2,.w1_img3,.w1_img4{
    position: absolute;
}
.w1_img1{
    width: 50px;left: 20px;top: 300px;
}
.w1_img2{
    width: 360px;right: 0;top: -40px;
}
.w1_img3{
    width: 78px;right: 0;top: 55px;
}
.w1_img4{
    width: 30px;left: -30px;top: 125px;
}
.w1_top{
    overflow: hidden;background: url("../images/sd3.png") no-repeat 100% 100%;background-size: 100% auto;position: relative;z-index: 2;
    padding-bottom: 100px;
}
.w1_top p{
    float: left;color: #333333;font-size: 18px;margin:20px 0 0 20px;line-height: 32px;
}
.w1_top_rig{
    float: right;width: 450px;height: 245px;margin-right: 30px;
}
.w1_top_rig video{
    width: 97%;height: 100%;
}
.w1_bot{
    overflow: hidden;background: #fff;box-shadow: 0px 1px 20px 0px rgba(99, 67, 129, 0.1);-webkit-box-shadow: 0px 1px 20px 0px rgba(99, 67, 129, 0.1);
    margin: 0 15px;padding-bottom: 50px;border-radius: 0 0 25px 0;position: relative;z-index: 1;
}
.w1_bot_lef{
    width: 505px;height: 330px;float: left;position: relative;margin-left: 30px;
}
.w1_bot_i1{
    width: 405px;float: left;
}
.w1_bot_i2{
    float: left;width: 80px;margin-top: 20px;
}
.w1_bot_lef h2{
    position: absolute;color: #333333;font-size: 20px;bottom: 50px;left: 10px;
}
.w1_bot_lef:before {
    content: '';height: 4px;width: 30px;background: #ff9344;display: inline-block;position: absolute;left: 10px;bottom: 40px;border-radius: 3px;
}
.w_tit{
    color: #333333;font-size: 40px;text-indent: 40px;margin: auto;
}
.w_tit b{
    color: #333333;font-size: 30px;
}
.w1_bot_rig{
    float: right;width: 580px;margin-right: 20px;
}
.wz1{
    background: url("../images/sd6.png") no-repeat 0 0;
}
.w1_bot_rig p{
    color: #333333;font-size: 18px;text-indent: 32px;margin-top: 25px;line-height: 32px;
}
.w2{
    background: url("../images/sd2.jpg") no-repeat;background-size: 100% 100%;padding-bottom: 20px;padding-top: 40px;position: relative;
}
.wz2{
    background: url("../images/sd7.png") no-repeat 0 0;display: inline-block;
}
.ten{
    text-align: center;
}
.w2_p1{
    color: #333333;font-size: 18px;text-indent: 36px;margin-top: 30px;line-height: 30px;
}
.w2_min{
    overflow: hidden;
}
.w2_lef{
    float: left;margin-top: 10px;
}
.w2_lef h3{
    color: #333333;font-size: 24px;font-weight: bold;margin-left: 30px;
}
.w2_lef ul{
    margin-left: 30px;
}
.w2_lef ul li{
    list-style: disc;color: #333333;font-size: 18px;margin-top: 8px;
}
.w2_lef ul li b{
    font-size: 24px;margin: 0 8px;font-family: 'osbold'
}
.w2_rig{
    float: right;width: 600px;margin-top: 95px;
}
.w2_lef p{
    margin-left: 30px;font-size: 18px;
}
.w3{
    padding-top: 40px;background:#f1f3f9 url("../images/sd9.png") no-repeat;background-size: 100% 100%;padding-bottom: 27px;
}
.wz3{
    background: url("../images/sd10.png") no-repeat 0 0;display: inline-block;
}
.w3 p{
    color: #333333;font-size: 18px;text-indent: 35px;line-height: 30px;margin: 45px 0 40px;
}
.w3 img{
    display: block;
}
.w3_bot{
    color: #fff;text-align: center;line-height: 29px;margin-top: 90px;font-size: 18px;
}
.w4{
    background: #f1f3f9;padding-bottom: 45px;
}
.wz4{
    background: url("../images/sd12.png") no-repeat 0 0;display: inline-block;margin-top: 90px;
}
.w4_swp a{
    display: block;cursor: pointer;
}
.w4_swp a img{
    width: 100%;height: 220px;
}
body .w4_swp_a1,body .w4_swp_a2{
    width: 30px;height: 80px;background-size: 17px auto!important;opacity: 1!important;margin: 0;top: 70px;pointer-events: auto !important;
}
body .w4_swp_a2{
    background: #3d9bfe url("../images/sd18.svg") no-repeat 50% 50%;left: 0;
}
body .w4_swp_a1{
    background: #3d9bfe url("../images/sd19.svg") no-repeat 50% 50%;right: 0;
}
body .w4_swp .swiper-button-next.swiper-button-disabled{
    background: rgba(0,0,0,.2) url("../images/sd19.svg") no-repeat 50% 50%;
}
body .w4_swp .swiper-button-prev.swiper-button-disabled{
    background: rgba(0,0,0,.2) url("../images/sd18.svg") no-repeat 50% 50%;
}
.w4_swp i{
    display: block;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;color: #333333;font-size: 18px;margin-top: 10px;
    text-align: center;
}
.playVideoIcon{
    width: 0.88rem;
    height: 0.88rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.playVideoIcon img{
    max-width: 100%;
    max-height: 100%;
}