@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body{
    font-size:12px;
    font-size:1.2rem ; /* 12÷10=1.2 */
}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none; font-weight:500}
body,button, input, select, textarea {font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
img {vertical-align: middle;}
img{display:inline-block;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.relative{position:relative;}
.absolute{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.translateX{transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%); }
.translateY{transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%); }
body {min-width:320px;overflow-x: hidden;}

/*container*/
#container {max-width: 750px;margin: 0 auto; overflow: hidden;}
.icon{top:30%;animation: heartbeat .5s linear infinite;}
.mg0{margin-right: 0!important;}
/*banner*/
.banner{width: 100%;}

/*box01*/
.box01 .box01_btn{display: block;width: 60%;left: 50%;bottom: 4%}
.box01 .box01_btn .hand{display: inline-block;right: 6%;top: 40%!important;width: 8.8%;height: 0;padding-bottom: 16.8%}

/*box02*/
.box02 .box02_btn,.box04 .box04_btn{display: block;width: 58.66%;left: 50%;bottom: 4%}
.box02 .box02_btn .hand,.box04 .box04_btn .hand{display: inline-block;right: 6%;top: 40%!important;width: 8.8%;height: 0;padding-bottom: 16.8%}

/*box03*/
.box03 .box03_btn1{display: block;width: 43.86%;left: 8%;bottom: 4%}
.box03 .box03_btn2{display: block;width: 37.06%;right: 8%;bottom: 4%}
.box03 .box03_btn1 .hand{display: inline-block;right: 8%;top: 40%!important;width: 8.8%;height: 0;padding-bottom: 16.8%}
.box03 .box03_btn2 .hand{display: inline-block;right: 8%;top: 40%!important;width: 10.8%;height: 0;padding-bottom: 16.8%}


.boxAnli .anli1{width: 94.66%;left: 50%;top: 10%}
.boxAnli .hd{text-align: center;width: 100%;margin-top: 4%}
.boxAnli .hd ul li{ display:inline-block;background: #2867D0;width:10px; height:10px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;margin:0 4px; vertical-align:top; overflow:hidden; }
.boxAnli .hd ul .on{ background:#363636;}
.boxAnli .box06_btn{display: block;width: 52.8%;left: 50%;bottom: 3%}
.boxAnli .box06_btn .hand{display: inline-block;right: 6%;top: 40%!important;width: 8.8%;height: 0;padding-bottom: 16.8%}



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

.kst-dialog {
    overflow: hidden;
    position: relative;
}

.kst-dialog .show-dialog {
    position: absolute;
    width: 100%;
    display: none;
}
#dh1{ 	top:19%;}
#dh2{ top:46%;}
.kst-dialog .dialog {
    position: relative;
    font-size: 2.4rem;
    line-height: 150%;
    color: #2c2c2c;
}

.kst-dialog .pp1 {
    position: absolute;
    font-size: 3rem;
    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: 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: 23.088%;
    margin: 0 0 0 1.5%;
    border-radius: 8px;
    border: 1px solid #000;
    color: #000;
    font-size: 2.4rem;
    display: block;
    float: left;
    background: #fff;
    text-align: center;
    padding: 1.5% 0;
}

.kst-dialog .KSTChatBox {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1%;
    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: 3rem;
    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: 2.4rem;
    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: 2.8rem;
    line-height: 260%;
    border-radius: 4px;
    margin-left: 2%;
}

/*手指动画*/
@keyframes heartbeat {
    0%   { transform: scale(0.95);}
    100% { transform: scale(0.95);}
    50%  { transform: scale(1.10);}

}
@-webkit-keyframes heartbeat {
    0%   { -webkit-transform: scale(0.95);}
    100% { -webkit-transform: scale(0.95);}
    50%  { -webkit-transform: scale(1.10);}
}

@keyframes echo {
    0%{
        opacity:0.1;
        transform: scale(1);
    }
    100%{
        opacity:0;
        transform: scale(1.4);
    }
}
@-webkit-keyframes echo {
    0%{
        opacity: 0.1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    html { font-size: 26.25% !important; } /*0.42*/

}
@media screen and (min-width: 375px) and (max-width: 409px) {
    html { font-size: 31% !important; }  /*0.5*/

}
@media screen and (min-width: 410px) and (max-width: 479px) {
    html { font-size: 33% !important; }  /*0.54*/

}
@media screen and (min-width: 480px) and (max-width: 900px) {
    html { font-size: 40% !important; } /*0.64*/

}