html,body{width: 100%;height: 100%;}
.homeWrap{width: 100%;height: 100%;}
.swiper-container,.swiper-wrapper { width: 100%; height: 100%; }
.swiper-slide{overflow: hidden;}
.swiper-slide:nth-last-of-type(1){height: auto !important;}
/*page1*/
.page1{
    position: relative;
    background-color: #060505;
    width: 100%;
    height: 100%;
    background: url('../images/homePage1Bg.png') no-repeat center 0;
}
.header{width: 1363px;margin: 0 auto;padding: 30px 0;}
.headerLogo{width: 271px;height: 52px;}
.navList{float: right;}
.navList >li {float: left;margin-right: 40px;position: relative;line-height: 52px;}
.navList >li:nth-last-of-type(1){margin-right: 0 !important;}
.navList a{color: #fff;font-size: 16px;}
.navList .hot::before{content:"";background: url("../images/headerHot.png") no-repeat;
    width: 35px;height: 24px;position: absolute;right: -11px;top: -5px;
}
.navList .navChecked a{color: #fff;}
.navList .navChecked::after{content: "";
    width: 100%;height: 2px;background-color: #fff;position: absolute;left: 0;bottom: 0;
}
.page1 .page1TxtWrap{width:1363px;position: absolute;top:550px;left: 50%;transform: translateX(-50%) }
.page1 .page1Txt{position: absolute;top: 0;}
.homePage1TxtLeft{width: 430px;height: 201px;}
.homePage1TxtRight{width: 464px;height: 200px;}
.page1 .left{width: 464px;left: -34px;opacity: 0;}
.page1 .right{width: 470px;right: -34px;opacity: 0;padding: 14px 34px 0 0; }
.homePage1Left{display: inline-block; margin: 45px 0 0 0;}
.homePage1Right{display: inline-block;margin-top: 45px;}
.page1Left{
    animation-name: page1Left;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function:linear;
}
.page1Right{
    animation-name: page1Right;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function:linear;
}
@keyframes page1Left {
    0%{left:-800px;opacity: 0;}
    100%{left:-34px;opacity: 1;}
}
@keyframes page1Right {
    0%{right:-800px;opacity: 0;}
    100%{right:-34px;opacity: 1;}
}
/*page2*/
.page2TitleBg{display: block;width: 367px;height: 56px;margin: 80px auto 30px;}
.page2Title{text-align: center;font-size: 18px;color: #666666;line-height: 29px;}
.page2Btn{display: block; width: 193px;height: 54px;border-radius: 50px;text-align: center;line-height: 54px;
    background:linear-gradient(90deg,#e22839,#fd6570);color: #fff;font-size: 18px;margin: 65px auto 0;
}
.page2Pic{width: 1440px;overflow: hidden;margin: 0 auto;padding-top: 90px;position: relative;z-index: 2;}
.page2Pic>li{width: 272px;height: 395px; float: left;overflow: hidden;margin-left: 20px;}
.page2Pic>li:nth-of-type(1){margin-left: 0 !important;}
.page2Pic>li img{width: 100%;transition: all .3s;}
.page2Pic>li img:hover{transform: scale(1.05);}
.page2Bg{width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;background-color: #FAFAFA;z-index: 1;}
/*page3*/
.page3{width: 100%;height: 100%;background: url("../images/homePage3Bg.png") no-repeat center 0;background-size: cover;overflow: hidden;}
.page3Title{display: block; width: 563px;height: 105px; margin: 120px auto 50px;}
.page3Btn{display: block; width: 193px;height: 54px;border-radius: 50px;text-align: center;line-height: 54px;
    background:linear-gradient(90deg,#e22839,#fd6570);color: #fff;font-size: 18px;margin: 0 auto;
}
/*.page3Txt{width: 1141px;height: 111px;position: absolute;left: 50%;top: 570px;transform: translateX(-50%);}*/
.cubeWrap{width: 100%;height: 542px;position: relative;}
.cubeWrap>i{width: 1px;height: 1px;position: absolute;left: 50%;top: 50%; background-color: #fff;display: block;}
.cube{width: 496px;height: 442px;position: absolute;left: 50%;top: 50%;
    transform: translate(-50%,-50%);
    /*margin: -246px 0 0 -221px;*/
    transition: all 1s;
}
/*.cubeAni{*/
    /*animation-name: cubeAni;*/
    /*animation-duration: .7s;*/
    /*animation-timing-function:linear;*/
    /*animation-iteration-count: infinite;*/

/*}*/
/*@keyframes cubeAni {*/
    /*!*0%{transform: rotate(0deg)}*!*/
    /*!*100%{transform: rotate(180deg)}*!*/
/*}*/
/*page4*/
.page4{width: 100%;height: 100%;background: url("../images/homePage4Bg.png") no-repeat right 0;background-size: 1152px 100%;
    position: relative; overflow: hidden;}
.page4Mask{width: 100%;height: 100%;background-color: rgba(255,255,255,.341);position: absolute;left: 0;top: 0;z-index: 1;}
.page4Hide{width: 763px;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;
    opacity: 1;background-color: #fff;
}
.page4Hide>img{display: block; width: 579px;height: 136px; margin: 350px auto 0;}
.page4Btn{display: block; width: 193px;height: 54px;border-radius: 50px;text-align: center;line-height: 54px;
    background:linear-gradient(90deg,#e22839,#fd6570);color: #fff;font-size: 18px;margin: 60px auto 0;
}
/*.page4Ani{*/
    /*animation-name: page4Ani;*/
    /*animation-duration: .3s;*/
    /*animation-iteration-count: 1;*/
    /*animation-fill-mode: forwards;*/
    /*animation-timing-function:linear;*/
/*}*/
/*@keyframes page4Ani {*/
    /*0%{left:-763px;opacity: 0;}*/
    /*100%{left:0;opacity: 1;}*/
/*}*/
/*page5*/
.page5{width: 100%;height: 100%;background: url("../images/homePage5Bg.png") no-repeat center 0;background-size: cover;
    position: relative; overflow: hidden;}
.page5TxtWrap{width: 1363px;position: absolute;left: 50%; top: 380px;transform: translateX(-50%);}
.page5Hide{position: absolute;left: -800px;opacity: 0;}
.page5Hide>img{width: 481px;height: 293px;}
.page5Btn{display: block; width: 193px;height: 54px;border-radius: 50px;text-align: center;line-height: 54px;
    background:linear-gradient(90deg,#e22839,#fd6570);color: #fff;font-size: 18px;margin-top: 50px;
}
.page5Ani{
    animation-name: page5Ani;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function:linear;
}
@keyframes page5Ani {
    0%{left:-800px;opacity: 0;}
    100%{left:0;opacity: 1;}
}
.page6{width: 100%;height: 100%;position: relative;}
.page6In{width: 100%;height: 703px;background-color: #FAFAFA;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index:1;}
.page6Video{width: 1132px;height: 100%;}
.page6Video img{width: 100%;height: 100%;}
.page6Txt{width: 100%;height: 703px;position: absolute;right: -100%;top: 50%;transform: translateY(-50%);z-index:2;padding-left: 1286px;box-sizing: border-box;}
.page6TxtTitleBg{display: block; width: 145px;height: 34px;margin: 180px 0 50px;}
.page6TxtTitle{display: block; width: 269px;height: 60px;}
.page6TxtCon{font-size: 20px;color: #777777;line-height: 34px;margin: 42px 0;}
.page6Btn{display: block; width: 193px;height: 54px;border-radius: 50px;text-align: center;line-height: 54px;
    background:linear-gradient(90deg,#e22839,#fd6570);color: #fff;font-size: 18px;
}
.page6Ani{
    animation-name: page6Ani;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function:linear;
}
@keyframes page6Ani {
    0%{right:-100%;opacity: 0;}
    100%{right:0;opacity: 1;}
}
/*1286*/
.page7{width: 100%;height: 100%;}
.page7Caption{overflow: hidden;padding: 58px 0 60px 280px;box-sizing: border-box;}
.page7CaptionBg{display: block;float: left;width: 586px;height: 128px;}
.page7Btn{display: block;float: left; width: 193px;height: 54px;border-radius: 50px;text-align: center;line-height: 54px;
    background:linear-gradient(90deg,#e22839,#fd6570);color: #fff;font-size: 18px;margin: 73px 0 0 255px;
}
.page7Btn:hover{background-color: #E52F3F;color: #fff;}
.page7In{width: 100%;height: 606px;box-sizing: border-box;padding-right: 960px;position: relative;}
.page7InBg{width: 960px;height: 606px;position: absolute;right: 0;top:0;}
.page7InTxt{padding-left: 280px;box-sizing: border-box;font-size: 20px;color: #222222;position: absolute;top: 0;left: -100%;}
.page7InTxtLeft{width: 108px;height: 100%;background-color: #FAFAFA;position: absolute;left: 0;top: 0;}
.page7InTxtLeft i{display: block;width: 4px;height: 363px;background-color: #E52F3F;position: absolute;
    left: 50%;top: 50%;transform: translate(-50%,-50%);}
.page7InTxt ul{padding-top: 200px;}
.page7InTxt li{margin-bottom: 14px;}
.page7Bot{width: 100%;padding-right: 960px;height: 117px;box-sizing: border-box;}
.page7Bot i{width: 100%;height: 100%; background-color: #FAFAFA;}
.page7Ani{
    animation-name: page7Ani;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function:linear;
}
@keyframes page7Ani {
    0%{left:-100%;opacity: 0;}
    100%{left:0;opacity: 1;}
}



/*958 606*/


/*!*footer*!*/
/*.clcmFooter{width: 100%; background-color: #262626;color: #cbc9cb;}*/
/*.clcmService{width: 1454px;height: 254px; margin: 0 auto;overflow: hidden;}*/
/*.pubContact{float: left; height: 100%; padding-top: 70px;}*/
/*.pubContact>img{width: 269px;height: 70px;margin-bottom: 20px;}*/
/*.pubContact>p{font-size: 20px;}*/
/*.pubTouch{float: left;padding: 54px 200px 0 224px;}*/
/*.pubTouch dt{font-size: 16px;margin-bottom: 4px;}*/
/*.pubTouch dd{font-size: 14px;line-height: 22px;}*/
/*.clcmCode{overflow: hidden;float: right; padding-top: 50px;}*/
/*.clcmCodeItem{width: 118px;float: left;margin-left: 52px;}*/
/*.clcmCodeItem:nth-of-type(1){margin-left: 0 !important;}*/
/*.clcmCodeItem>img{width: 100%;height: 118px;margin-bottom: 3px;}*/
/*.clcmCodeItem>p{text-align: center;}*/
/*.clcmCopyright{box-sizing: border-box; width: 100%;height: 108px;background-color: #353535;*/
    /*text-align: center;line-height: 22px;padding-top: 35px;*/
/*}*/
/*responsive */
/*@media screen and (max-width: 1500px) {*/
    /*.header,.page1TxtWrap{width: 1200px !important;}*/
    /*.clcmService{width: 1200px;}*/
    /*.pubTouch{padding: 54px 100px 0 124px;}*/
/*}*/
/*responsive */
/*@media screen and (max-width: 1680px){*/
    /*body{background-color: red}*/
    /*.page4Hide{width: 667px;left: -667px;}*/
    /*@keyframes page4Ani {*/
        /*0%{left:-667px;opacity: 0;}*/
        /*100%{left:0;opacity: 1;}*/
    /*}*/
    /*.page5Hide{position: absolute;left: -800px;top: 350px;opacity: 0;}*/
    /*@keyframes page5Ani {*/
        /*0%{left:-800px;opacity: 0;}*/
        /*100%{left:200px;opacity: 1;}*/
    /*}*/
/*}*/
/*@media screen and (max-width: 1600px){*/
    /*.page2Title{width: 913px;height: 162px; margin: 50px auto 30px;}*/
    /*.page2Pic{padding-top: 30px;}*/
    /*.page3Title{width: 563px;height: 101px; margin: 70px auto 30px;}*/
    /*.cubeWrap{padding-top: 60px;}*/
    /*.page3Txt{top: 485px;}*/
    /*.page4Hide{width: 638px;left: -638px;}*/
    /*.page4Hide>img{margin: 280px auto 0;}*/
    /*@keyframes page4Ani {*/
        /*0%{left:-638px;opacity: 0;}*/
        /*100%{left:0;opacity: 1;}*/
    /*}*/
/*}*/
/*@media screen and (max-width: 1440px){*/
    /*.page4Hide{width: 575px;left: -575px;}*/
    /*.page4Hide>img{width: 500px;height: 118.26px;}*/
    /*@keyframes page4Ani {*/
        /*0%{left:-575px;opacity: 0;}*/
        /*100%{left:0;opacity: 1;}*/
    /*}*/

/*}*/
/*@media screen and (max-width: 1400px){*/
    /*.page2Pic{width: 1302px;padding-top: 60px;}*/
    /*.page2Pic>li{width: 300px;height: 408px;margin-left: 34px;}*/
    /*.page2Title{margin: 100px auto 50px;}*/
    /*.page4Hide{width: 531px;left: -531px;}*/
    /*.page4Hide>img{width: 500px;height: 118.26px;}*/
    /*@keyframes page4Ani {*/
        /*0%{left:-531px;opacity: 0;}*/
        /*100%{left:0;opacity: 1;}*/
    /*}*/
    /*.clcmService{width: 1300px;}*/
    /*.pubTouch{padding: 54px 150px 0 174px ;}*/
    /*.cubeWrap{padding-top: 160px;}*/
    /*.page3Txt{top: 525px;}*/
/*}*/
/*@media screen and (max-width: 1366px){*/
    /*.header{width: 1300px;}*/
    /*.page1 .page1TxtWrap{width: 1200px;margin-left: -600px;top: 300px;}*/
    /*.page2Title{margin: 30px auto 20px;}*/
    /*.page2Pic{width: 1111px; padding-top: 30px;}*/
    /*.page2Pic>li{width: 250px;height: 340px;margin-left: 37px;}*/
    /*.page3Title{margin: 40px auto 30px;}*/
    /*.cubeWrap{padding-top: 30px;height: 450px;}*/
    /*.cube{width: 400px;height: 360px;margin: -200px 0 0 -180px;}*/
    /*.page3Txt{top: 400px;}*/
    /*.page4Hide{width: 545px;left: -545px;}*/
    /*@keyframes page4Ani {*/
        /*0%{left:-545px;opacity: 0;}*/
        /*100%{left:0;opacity: 1;}*/
    /*}*/
    /*.page4Hide>img{margin: 220px auto 0;}*/
    /*.page5Hide{top: 300px;}*/
    /*.page5Hide>img{width: 400px;height: 244px;}*/
    /*.page5Btn{margin-top: 30px;}*/
    /*@keyframes page5Ani {*/
        /*0%{left:-800px;opacity: 0;}*/
        /*100%{left:200px;opacity: 1;}*/
    /*}*/
/*}*/
@media screen and (max-width: 1680px){
    .page2Pic>li{margin-left: 17px !important;}
}
@media screen and (max-width: 1600px){
    .page2Pic>li{margin-left: 16px !important;}
}
@media screen and (max-width: 1366px){
    .page2Pic>li{margin-left: 13px !important;}
}