/* CSS Document */
html{-webkit-text-size-adjust:none;font-family: '微软雅黑';}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;padding:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style: normal;}
a{text-decoration: none; color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}


.hidden { display:none; }
.block { display:block; }
.inline-block { display:inline-block; }
.fl { float: left; }
.fr {float: right;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj {text-align: justify;text-justify:distribute-all-lines;}
.text-italic{font-style: italic;}
.pr{position: relative;}
.pa{position: absolute;}
.fb{font-weight: bold;}
.l50{left: 50%;}
.r50{right: 50%;}
.overflow-x{overflow-x:hidden;-ms-overflow-x:hidden;}
.overflow-y{overflow-y: hidden;-ms-overflow-y: hidden;}
.overflow{overflow: hidden;}

.zd2{z-index: 2;}
.tid2{text-indent: 2em;}
.fz24{font-size: 24px;}

body{min-width: 1200px; overflow-x: hidden; -ms-overflow-x: hidden; max-width: 1680px; margin-left: auto; margin-right: auto; }
.wrap{width: 1200px; margin-left: auto; margin-right: auto; font-size: 22px;}
.wrap img{vertical-align: middle;}
.border-radius{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.bs{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.border-bottom{border-bottom: 2px solid #f2f2f2;}

.padtb20{padding-top: 20px;padding-bottom: 20px;}
.padb20{padding-bottom: 20px;}
.padlr12{padding-left: 12px;padding-right: 12px;}


.translateY{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.translateX{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.paW{width: 100%;left: 0;}
.w50{width: 50%;}
.text-transform{text-transform:uppercase;}

.arrow{position: absolute;width:120px;height:120px;z-index: 4;top: 234px;text-align: center;line-height: 110px;font-size: 80px;background-color: rgba(0,0,0,0.5);color: #fff; }
.prev{left:0;}
.next{right:0;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.dot{width: 100%;left: 0;text-align: center;padding: 20px 0;}
.dot ul li{display: inline-block;border-radius: 50%;-webkit-border-radius: 50%;margin:0 5px;background:#d9d9d9 ;
width:20px;height: 20px;opacity: 1;cursor: pointer;line-height: 10;overflow: hidden;}
.dot ul li.on{opacity: 1;background-color: #ff9a4f;}


/*轮播设置*/
.colorWhite{color: #fff;}
.color1{color: #4d0d1c;}



ul.clearfix li{float: left;}
.btn{padding: 40px 0;}
.btn a{ display: inline-block;  background:linear-gradient(90deg,#fe4a63,#fbb653);font-size: 30px;text-align: center;border-radius: 60px;color: #ffeef2;padding: 10px 60px;
    -webkit-animation: bounce 2s linear normal both infinite;
    -o-animation: bounce 2s linear normal both infinite;
    animation: bounce 2s linear normal both infinite;
}

.til{padding: 40px 0;}
.til p{font-size: 18px;padding-top: 20px;}


.banner {height: 834px;background: url("../images/banner.jpg") no-repeat center top;}
.banner .wrap{height: 100%;}
.banner .banT{position: absolute;right: 18px;top: 108px;}
.banner .btn a{box-shadow: 0 4px 10px rgba(0,0,0,0.16);}


.part1{height: 570px;background: url("../images/p1_bg.jpg") no-repeat center top;}
.part1 dt{padding: 100px 26px 40px;}
.part1 dd{width: 700px;margin-left: 26px;font-size: 18px;line-height: 2;padding: 30px;border-radius: 10px;background-color: rgba(85,71,148,0.79);color: #fff;}


.part2{background:#eeeeef url("../images/p2_bg.jpg") no-repeat center top;padding: 30px 0 0;}
.part2 .p2_bd{padding: 24px 90px 80px;}
.part2 .p2_bd .bd li{position: relative;font-size: 20px;line-height: 1.6;color: #333;}
.part2 .p2_bd .bd li .p2_txt{position: absolute;left: 156px;top: 90px;}
.part2 .p2_bd .bd li .p2_txt h4{font-size: 24px;}
.part2 .p2_bd .bd li .p2_txt h4 span{font-size: 60px;color: #ff6666;display: inline-block;margin-right: 20px;}
.part2 .p2_bd .bd li .p2_txt p:last-of-type{padding-top: 20px;border-top: 1px dashed #797979;width: 310px;margin-top: 20px;}
.part2 .p2_bd2 {padding: 40px 0;}
.part2 .p2_bd2 a{display: block;}
.part2 .p2_bd2 dt{padding: 54px 76px 0 46px;}
.part2 .p2_bd2 dd{width: 440px;}
.part2 .p2_bd2 dd span{margin-right: 20px;}
.part2 .p2_bd2 dd span img{border-radius: 50%;overflow: hidden;}
.part2 .p2_bd2 dd b{display: block;padding: 50px 0 10px;font-size: 30px;color: #ff6666;font-weight: normal;}

.part3 ul{width: 1300px;margin: 30px auto;}
.part3 ul li{width: 293px;background-color: #393848;float: left;font-size: 24px;line-height: 1.6;position: relative;margin-left: 25px;}
.part3 ul li i{position: absolute;width: 116px;height: 116px;background: url(../images/p3_quan.png) center ;left: -20px;top: -30px;font-size: 30px;padding-top: 25px;line-height: 1.1;text-align: center;}
.part3 ul li b{color: #ffcc66;}
.part3 ul li .btn{padding: 20px 0;}
.part3 ul li .btn a{font-size: 24px;padding: 3px 40px;}

.part4 {background: url("../images/p4_bg.jpg") no-repeat center top;padding-bottom: 110px;}
.part4 .p4_txt{font-size: 18px;line-height: 2;padding: 0 54px;color: #fff;}
.part4  .flBox{padding-top: 30px;}
.part4 .tiaojian{width: 464px;padding: 40px 10px 50px 38px;background-color: #ff6666;line-height: 2;font-size: 18px;color: #fff;border-radius: 20px 0 0 20px;margin-left: 60px;margin-top: 102px;}
.part4 .tiaojian b{display: block;font-size: 30px;color: #ffcc66;}
.part4 .tiaojian dt{padding-top: 30px;}

.part4 .box1{width:594px; box-sizing: border-box; background: #fff;  border-radius: 20px; float: left;
     color: #303030; position: relative;}
  .part4 .box1 p{ font-size: 29px;padding: 20px 0 20px 10px;}
  .part4 .box1 p i{ color: #e74461;}
  .part4 .box1 .tel{ height: 140px;}
  .part4 .box1 .tel a{ color: #fff}
  .part4 .box1 dt{ display: block; width:622px;position: absolute; left: -14px; top:78px; }
  .part4 .box1 ul li{ float: left; margin-bottom: 20px;font-size: 24px;}
  .part4 .box1 ul li:nth-child(2){ margin-left: 20px}
  .part4 .box1 label{margin-right:5px; vertical-align: middle;margin-left: 20px; }
  .part4 .box1 i{ vertical-align: middle; margin-left: 10px;}
  .part4 .box1 input { height:25px;color: #000; display: inline-block; padding:5px; border: 1px solid #959595; font-size: 24px;}
  .part4 .box1 .t-input{  width:200px; }
  .part4 .box1 .n-input{  width:100px; }
  .part4 .box1 .p-input{width:320px;}

.part4 .box1 h3{ padding: 10px 0; font-size: 24px; float: left; margin: 0 20px;}
  .part4 .box1 ol { text-align: center;   float: left;}
  .part4 .box1 ol li{ width:120px; display: inline-block; font-size: 24px; line-height:50px}
  .part4 .box1 ol li p{ font-size:24px; color:#666666;padding: 0;line-height: 1.2;}
  .part4 .box1 ol li:not(:nth-last-child(1)){ margin-right: 40px}
  .part4 .box1 ol li span{ display: block; height: 120px; background: #fff;position: relative;
        border-radius:10px}
  .part4 .box1 ol li input{padding: 0; width: 110px; height: 110px;  cursor: pointer;filter: alpha(opacity=0);  
    -moz-opacity: 0;  opacity: 0; position: absolute; top:0; left:0;right:0; margin: 0 auto; z-index:2 }
  .part4 .box1 ol li i{ display: block; margin-left: 0; width:110px; height: 110px;  cursor: pointer; 
       position: absolute; top:5px; left:2px;z-index:1;border-radius:10px;background: url(../images/p4_tu.png) no-repeat center;background-size: cover;}
  .part4 .box1 ol li i img{width:110px; height: 110px;}
  .part4 .btn{ padding: 20px 0; }


/*摆钟*/
@keyframes  swing{
    0%{  transform: rotate(5deg);  }
    50%{  transform: rotate(-5deg);  }
    100%{  transform: rotate(5deg);  }
}
@-webkit-keyframes  swing{
    0%{  -webkit-transform: rotate(5deg);  }
    50%{  -webkit-transform: rotate(-5deg);  }
    100%{  -webkit-transform: rotate(5deg);  }
}


.a-bounceinT{
    -webkit-animation: bounceinT 1.5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinT 1.5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinT 1.5s ease-in-out 0s 1 alternate forwards;
    animation: bounceinT 1.5s ease-in-out 0s 1 alternate forwards;
}
@-webkit-keyframes bounceinT {
    0% {opacity:0;-webkit-transform:translateY(-300%);}
    100% {opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT {
    0% {opacity:0;-webkit-transform:translateY(-300%);}
    100% {opacity:1;-webkit-transform:translateY(0);}
}
@-ms-keyframes bounceinT {
    0% {opacity:0;-webkit-transform:translateY(-300%);}
    100% {opacity:1;-webkit-transform:translateY(0);}
}
@keyframes bounceinT {
    0% {opacity:0;-webkit-transform:translateY(-300%);}
    100% {opacity:1;-webkit-transform:translateY(0);}
}

@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);  }
}
@-webkit-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);  }
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
    }
}