.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;}

img{width:100%;height:auto;}

.wp h2{font-size:0.48rem;text-align:center;color: #000;padding:6% 0 4%;line-height: 1.3;}

.wp h2 span{display:block; font-size: 0.36rem;}

a.btn{display:block;width: 50%;background-color:#f7cb43;border-radius:0.33rem;color:#000;text-align:center;height: 0.62rem;line-height: 0.62rem;margin:0.3rem auto 0;font-size: 0.2rem;}

a.btn img{display: inline-block;width: 0.27rem;vertical-align: middle;animation:showh 1s .2s linear both infinite;-webkit-animation:showh 1s .2s linear both infinite;-moz-animation:showh 1s .2s linear both infinite;-o-animation:showh 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite}

.over{overflow:hidden;}

.btn_c{margin:0 3%; overflow:hidden;}

.btn_c a.btn{width: 48%}

.btn_c a.fl{background: #e86a93; color:#fff;}

#casepics{display: none}

.fl{float: left}

.fr{float: right}

.w20{width: 94.2%;margin: 0 auto}

.pb{padding-bottom: 6%}

#call_form,.subject_activity{margin-bottom: 0}

@-webkit-keyframes showh{

0% {opacity:1;}

49% {opacity:1;}

50% {opacity:0;}

100% {opacity: 0;}

}

@-moz-keyframes showh{

0% {opacity:1;}

49% {opacity:1;}

50% {opacity:0;}

100% {opacity: 0;}

}

@-ms-keyframes showh{

0% {opacity:1;}

49% {opacity:1;}

50% {opacity:0;}

100% {opacity: 0;}

}

@-o-keyframes showh{

0% {opacity:1;}

49% {opacity:1;}

50% {opacity:0;}

100% {opacity: 0;}

}

#banner_slider li{position: relative}

#banner_slider a{display: block;width: 36.5%;position: absolute;left: 5%;bottom: 10%; animation:showb 1s .2s linear both infinite;-webkit-animation:showb 1s .2s linear both infinite;-moz-animation:showb 1s .2s linear both infinite;-o-animation:showb 1s .2s linear both infinite;-ms-animation:showb 1s .2s linear both infinite;}

@-webkit-keyframes showb{

    0%,100%,20%,50%,80% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    40% {

        -webkit-transform: translateX(6px);

        transform: translateX(6px)

    }

    60% {

        -webkit-transform: translateX(3px);

        transform: translateX(3px)

    }

}

.section1{background: #f6d8e2; padding:4% 0 2% 0;}

.section1 ul{overflow:hidden;}

.section1 ul li{width:49%;}

.section2{background:#f6d8e2}

.section2 .w20{position:relative;}

.section2 .w20 a{display:block; border-radius:50%; background:#ff7aa6; font-size: 0.24rem; color:#fff; text-align:center; position:absolute; line-height:1.5;}

.section2 .w20 a.box2_1{background:#f593b4; width:1.3rem; height:1rem; padding-top:0.3rem; left: 0.46rem; top: 1.62rem; animation:movement1 3s infinite;-webkit-animation:movement1 3s infinite;}

.section2 .w20 a.box2_2{background:#ff7aa6; width:1.46rem; height:1.06rem; padding-top:0.4rem; left: 4.35rem; top: 1.74rem;animation:movement3 5s infinite;-webkit-animation:movement3 5s infinite;}

.section2 .w20 a.box2_3{background:#ea4e81; width:1.42rem; height:1.04rem; padding-top:0.38rem; left: 0.16rem; top: 3.18rem;animation:movement2 3s infinite;-webkit-animation:movement2 3s infinite;}

.section2 .w20 a.box2_4{background:#ea4e81; width:1.3rem; height:1rem; padding-top:0.3rem; left: 4.56rem; top: 3.48rem;animation:movement3 4s infinite;-webkit-animation:movement3 4s infinite;}

.section2 .w20 a.box2_5{background:#ff7aa6; width:1.28rem; height:0.84rem; padding-top:0.44rem; left: 0.81rem; top: 4.8rem;animation:movement2 5s infinite;-webkit-animation:movement2 5s infinite;}

.section2 .w20 a.box2_6{background:#f593b4; width:1.28rem; height:0.99rem; padding-top:0.29rem; left: 3.4rem; top: 4.96rem;animation:movement3 3s infinite;-webkit-animation:movement3 3s infinite;}

.section2 .w20 a.box2_7{background:#ff5e93; width:0.68rem; height:0.68rem; left: 2.44rem; top: 4.62rem;animation:movement1 4s infinite;-webkit-animation:movement1 4s infinite;}

.section2 .w20 a.box2_8{background:#ff7aa6; width:0.68rem; height:0.68rem; left: 4.96rem; top: 4.96rem;animation:movement1 5s infinite;-webkit-animation:movement1 5s infinite;}

.section3{background:#ec6794}

.section3 h2{color:#fff;}

.section3 dl{width: 67%;margin: 0 auto;font-size: 0.22rem;color: #000;text-align: center;overflow: hidden;background: #f7cb43;border-radius: 0.5rem;padding: 0.1rem }

.section3 dl dt{width: 0.76rem;float: left; background:#000; line-height:0.76rem; border-radius:50%; overflow:hidden;}

.section3 dl dt img{vertical-align: middle;}

.section3 dl dd{width: 3.24rem;float: right}

.section3 dl dd strong{display: block;font-size: 0.3rem}

.section3 p{font-size: 0.22rem;color: #fff;margin:4% 2%}

.box3{background:#fff; margin-top: 7%; border-radius:0.12rem; padding:6% 3%; position:relative;}

.box3 .p1{width:100%; height:0.48rem; position:absolute; left: 0; top: -0.24rem; line-height:0.48rem; text-align: center; margin:0;}

.box3 .p1 span{display: block; width:24.2%; float: left; margin-right:1%; height:0.48rem; background:#f7cb43; color:#000; font-size: 0.24rem; border-radius:0.24rem;}

.box3 .p1 span:nth-child(4){margin-right:0;}

.box3 ul li{width:48.5%; float: left; margin-bottom:3%;}

.box3 ul li:nth-child(2n){float: right;}

.box3 ul li p{font-size: 0.2rem; height:0.32rem; line-height:0.32rem; color:#666; padding:1% 0 0 0; margin:0;}

.box3 ul li p img{width:0.32rem; vertical-align: middle; padding: 0 1% 2px 0;}

.clh{height:0.4rem;}

.section4{background: #f6d8e2}

.section4 dl{background:#fff; border-radius:0.12rem; padding:5% 3% 6% 4%; margin-bottom:4%;}

.section4 dl dt{width:46%;}

.section4 dl dt h3{font-size: 0.5rem; color:#373437; padding:2% 0 4% 4%; text-align: left; font-weight:normal; line-height:1.3;}

.section4 dl dt span{font-size: 0.2rem; display:block;}

.section4 dl dt p{height:0.4rem; line-height:0.4rem; text-align: center; color:#fff; border-radius:0.2rem; background:#db96ae; margin-bottom:14%; font-size: 0.2rem}

.section4 dl dt img{width:2.05rem;}

.section4 dl dd{width:53%; text-align:center; position:relative; height:4.08rem;}

.section4 dl dd img{width:2.20rem;}

.section4 dl dd p{position:absolute; padding: 3%; background:#ec6794; color:#fff; left: 0; bottom:0; font-size: 0.18rem; text-align: left;}

.section5 h2{font-size: 0.42rem}

.section5 .w20{width:97.375%;}

.section5 dl{margin-top: 0.2rem}

.section5 dl dd{overflow: hidden;margin-top: 0.1rem}

.section5 dl dd p{width: 49%;font-size: 0.18rem;color: #666}

.section5 dl dd p span{display: block;font-size: 0.24rem;color: #000;text-align: center}

.section5 dl .tac{text-align: center;}

.section5 a.btn{font-size: 0.22rem}

.section6{background: url("../images/bg4.jpg") no-repeat top center #d6ddeb;background-size: 100%;position: relative; }

.section6 h2 span{font-size: 0.24rem;}

.section6 .hd{margin-top:4%; text-align:center; height:10px;}

.section6 .hd li{width:8px; height:8px; background:#c4c5c7; display: inline-block; border-radius:50%;}

.section6 .hd li.on{background:#366bb0;}

.section7 .w20{overflow: hidden;}

.section7 .w20 p{width: 49%}

.section7 a{display: block;height: 0.6rem;line-height: 0.6rem;border-radius: 0.1rem;color: #fff;font-size: 0.22rem;text-align: center;background: #e46494;margin-bottom: 0.1rem}

.section8{background:#ec6794;}

.section8 h2{color:#fff;}

.section8 .w20{background:#fff; padding:3% 4%; width:73.5%; border-radius:0.12rem;}

.section8 #scroll1{overflow:hidden;}

.section8 .w20 .hd{width:48%; margin:0 auto; padding-top:4%; height:0.32rem; line-height:0.32rem; text-align:center;}

.section8 .w20 .hd li{width:32.3%; float: left; background:#bec1ca; margin-right:1%; color: #010101; font-size: 0.22rem;}

.section8 .w20 .hd li.on{color:#fff; background: #e86297;}

.section3 .btn.fl,.section8 .btn.fl{background:#fcd4ef; color:#000;}

/* 新内链商务通对话框 */

.kst-dialog{

    overflow: hidden;

    position: relative;

}

.kst-dialog .show-dialog{

    position: absolute;

    width:100%;

    display: none;

}

.kst-dialog .dialog{

    position: relative;

    font-size:0.22rem;

    line-height:150%;

    color:#2c2c2c;

}

.kst-dialog .pp1{

    position: absolute;

    font-size:0.24rem;

    line-height:100%;

    color: #ffffff;

    left:3%;

    top:5%;

}

#showOne{

    left:0;

    top:20%;

}

#showTwo{

    left:0;

    top:42%;

}

.kst-dialog  .dialog span{

    position: absolute;

    width: 72%;

    left: 18%;

    top: 8%;

}

.kst-dialog h3{

    text-align: center;

    font-size:0.2rem;

    color: #09080a;

    font-weight:normal;

    line-height:150%;

    margin-bottom:1%;

}

.wechat-question{

    position: absolute;

    width: 95%;

    bottom:17%;

    left:3%;

}

.kst-dialog .wechat-question a:first-child {

    margin-left: 0;

}

.kst-dialog  .wechat-question a {

    width: 20%;

    margin: 0 0 0 1.5%;

    border-radius: 8px;

    border: 1px solid #000;

    color: #000;

    font-size: 0.24rem;

    display: block;

    float: left;

    background: #fff;

    text-align: center;

    padding: 1.5% 0;

}

.kst-dialog  .wechat-question a:nth-child(1){width: 33%}

.kst-dialog .KSTChatBox {

    position: absolute;

    width:100%;

    left:0;

    bottom:0;

    background: #f1f1f1;

    overflow: hidden;

    padding:1.5% 0;

}

.kst-dialog  .call {

    display: block;

    width: 26%;

    position: absolute;

    right: 0;

    top: 0;

    padding:3.5% 0;

}

.kst-dialog  .call img{

    display:inline-block;

    vertical-align:middle;

    width:24%;

    webkit-animation: tada 1.5s linear normal both infinite;

    animation: tada 1.5s linear normal both infinite;

}

.kst-dialog  .call span{

    font-size:0.24rem;

    line-height: 100%;

    color: #fff;

    display:inline-block;

    vertical-align:middle;

}

.kst-dialog .KSTChatBox input{

    float: left;

    resize: none;

    width:75%;

    color: #000;

    font-size: 0.24rem;

    line-height:150%;

    padding:2% 0 2% 2%;

    background: #ffffff;

    border:1px solid #858585;

    border-radius: 4px;

    margin-left:2%;

}

.kst-dialog .KSTChatBox a{

    float: left;

    width:15%;

    text-align: center;

    background: #d049a6;

    color: #ffffff;

    font-size: 0.24rem;

    line-height:260%;

    border-radius: 4px;

    margin-left:2%;

}



@keyframes tada{

    0%{-webkit-transform:scale(1);}

    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}

    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}

    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}

    100%{-webkit-transform:scale(1) rotate(0);}

}

@-webkit-keyframes tada{

    0%{-webkit-transform:scale(1);}

    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}

    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}

    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}

    100%{-webkit-transform:scale(1) rotate(0);}

}

@keyframes movement1 {

    0% {

        -webkit-transform: translate(6px,-3px);

        transform: translate(6px,-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(6px,-3px);

        transform: translate(6px,-3px);

    }

}

@-webkit-keyframes movement1 {

    0% {

        -webkit-transform: translate(6px,-3px);

        transform: translate(6px,-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(6px,-3px);

        transform: translate(6px,-3px);

    }

}

@keyframes movement2 {

    0% {

        -webkit-transform: translate(10px,3px);

        transform: translate(10px,3px);

    }

    25% {

        -webkit-transform: translate(3px,6px);

        transform: translate(3px,6px);

    }

    50% {

        -webkit-transform: translate(6px,-3px);

        transform: translate(6px,-3px);

    }

    75% {

        -webkit-transform: translate(-8px,0px);

        transform: translate(-8px,0px);

    }

    100% {

        -webkit-transform: translate(10px,3px);

        transform: translate(10px,3px);

    }

}

@-webkit-keyframes movement2 {

    0% {

        -webkit-transform: translate(10px,3px);

        transform: translate(10px,3px);

    }

    25% {

        -webkit-transform: translate(3px,6px);

        transform: translate(3px,6px);

    }

    50% {

        -webkit-transform: translate(6px,-3px);

        transform: translate(6px,-3px);

    }

    75% {

        -webkit-transform: translate(-8px,0px);

        transform: translate(-8px,0px);

    }

    100% {

        -webkit-transform: translate(10px,3px);

        transform: translate(10px,3px);

    }

}

@keyframes movement3 {

    0% {

        -webkit-transform: translate(-10px,3px);

        transform: translate(-10px,3px);

    }

    25% {

        -webkit-transform: translate(-4px,6px);

        transform: translate(-4px,6px);

    }

    50% {

        -webkit-transform: translate(2px,8px);

        transform: translate(2px,8px);

    }

    75% {

        -webkit-transform: translate(-8px,0px);

        transform: translate(-8px,0px);

    }

    100% {

        -webkit-transform: translate(-10px,3px);

        transform: translate(-10px,3px);

    }

}

@-webkit-keyframes movement3 {

    0% {

        -webkit-transform: translate(-10px,3px);

        transform: translate(-10px,3px);

    }

    25% {

        -webkit-transform: translate(-4px,6px);

        transform: translate(-4px,6px);

    }

    50% {

        -webkit-transform: translate(2px,8px);

        transform: translate(2px,8px);

    }

    75% {

        -webkit-transform: translate(-8px,0px);

        transform: translate(-8px,0px);

    }

    100% {

        -webkit-transform: translate(-10px,3px);

        transform: translate(-10px,3px);

    }

}