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

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

.wp h2{font-size:0.4rem;text-align:center;color: #000;padding:8% 0 5%;line-height: 1.3;font-weight: normal}

a.btn{display:block;width: 50%;background-color:#DF790A;border-radius:0.33rem;color:#fff;text-align:center;height: 0.7rem;line-height: 0.7rem;margin:0.3rem auto 0;font-size: 0.22rem;}

a.btn img{display: inline-block;width: 0.3rem;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;}

.over a{width: 48%}

.over a.fl{background: #0D4DA5}

#casepics{display: none}

.fl{float: left}

.fr{float: right}

.content{width: 94%;margin: 0 auto}

.pb{padding-bottom: 0.5rem}

#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: 40%;position: absolute;left: 0.2rem;bottom: 0.8rem; 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:showh 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: #DAE6F5}

.section1 #scroll1{position: relative}

.section1 .hd{text-align: center;width: 100%;position: absolute;left: 0;bottom: 0.15rem;z-index: 1}

.section1 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #D3D3D3;margin: 0 2px}

.section1 .hd li.on{background: #7C75FD}

.section1 .over,.section2 .over,.section3 .over,.section6 .over{margin: 0 3%}

.section2{background:#5280BA}

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

.section2 dl dt{width: 18%;float: left}

.section2 dl dd{width: 82%;float: right}

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

.section2 p{font-size: 0.22rem;color: #fff;margin: 0.25rem 0}

.section2 .over1{margin-bottom: 0.5rem}

.section3 {background: #F6CA47}

.section3 dl dt{margin: 0.3rem 0 0.2rem}

.section3 dl dd{display: flex;}

.section3 dl dd p{flex: 1;font-size: 0.2rem;color: #000;line-height: 1.3;padding: 0 2%}

.section3 dl dd p:nth-child(2){border-right: 1px solid #000;border-left: 1px solid #000;}

.section3 .hd li.on{background: #DF790A}

.section4{background: #DAE6F5}

.section4 dl{margin-top: 0.2rem}

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

.section4 dl dd p{width: 48%;font-size: 0.2rem;color: #666}

.section4 dl dd p span{display: block;font-size: 0.23rem;color: #05497d;text-align: center}

.section5{background: #5280BA}

.section5 .over div{width: 48%}

.section5 dl{background: #fff;font-size: 0.2rem;color: #333;text-align: center;border-radius: 0.1rem;margin-bottom: 0.3rem}

.section5 dl dd{padding: 5% 0}

.section5 dl h3{font-size: 0.25rem;font-weight: normal;color: #1f71a7;}

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

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

.section6 .hd ,.section3 .hd{width: 100%;text-align: center;margin-top: 2%}

.section6 .hd li,.section3 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid #064EA0;}

.section3 .hd li{border: 1px solid #DF790A}

.section6 .hd li.on{background: #064EA0}

.section7 .content{overflow: hidden;}

.section7 .content 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: #0D4DA5;margin-bottom: 0.1rem}

.section8{padding: 2% 0 8% 0; background: url("../images/bg3.jpg") no-repeat bottom center #5280BA;background-size: 100%}

.rj_c{padding:3% 2%; background: #fff; border-radius:6px; margin-bottom:3%;}

.rj_c1{padding: 2% 0; overflow: hidden;}

.rj_p1{width: 1.4rem; float: left; text-align: center; margin-right: 0.2rem;}

.rj_c1 .text{width: 72%;float: right;font-size: 0.22rem;color: #333}

.rj_c1 .text h3{height: 0.6rem;line-height: 0.6rem;font-size: 0.3rem;color: #28b4af;text-align: left;font-weight: normal;padding-top: 0.15rem;border-bottom: 1px solid #DDD;margin-bottom: 0.15rem}

.rj_c1 .text h3 span{font-size: 0.22rem;color: #333}

.rj_c1 .text p span{color: #19b4c8}

.rj_c2{padding: 3% 0;}

.rj_c2 p{font-size: 0.18rem; color: #666; line-height: 1.7; margin-bottom: 3%;}

.rj_c2 p span{color: #ed2b2b;}



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

.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);}

}