/*reset*/
*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
    margin: 0;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #333;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

audio,
canvas,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input,
button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0; border-color:transparent;
}

del {
    text-decoration: line-through;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

.clearfix:after {
    content:"."; display:block; visibility:hidden; height:0; clear:both;
}

html {
    font-size: 12px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    background-color: #fff;
    max-width: 480px;
    margin: 0 auto;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

.banner{
    width: 100%;
    height:5.2rem ;
    overflow:hidden;
    color: #fdcb3a;
     margin-top: 1.2rem;
    background: url("../imgs/banner.jpg") no-repeat 0 0/100% 100%;
}


.hf{
    width: 90%;
    height: .7rem;
    background: #fff;
    text-align: center;
    font-size: .28rem;
    margin: -.8rem auto 0;
    padding-top: .1rem;
    box-sizing: border-box;
    letter-spacing: .02rem;
    box-shadow: 0px 0px .3rem 0px #cfdbfe;

}
.hf span:nth-child(1){
    display: inline-block;
    background: #e2f0ff;
    color: #2c64e7;
    border-radius: .5rem;
    padding: .05rem .1rem;
}
.hf span:nth-child(2){
    color: #e70c8a;
}

.title{
    width: 96%;
    height: .75rem;
    line-height: .85rem;
    background: url("../imgs/tit_bg.png") no-repeat 0 0/100% 100%;
    font-size: .4rem;
    text-align: center;
    margin: .5rem auto;
    color: #1046d5;
    letter-spacing: .02rem;
}
.title span{
    color: #e70c89;
    font-style: italic;
    font-weight: bolder;
}

.service{
    width: 100%;
    overflow: hidden;
    background: url("../imgs/bg1.jpg") no-repeat 0 0/100% 100%;

}

.service ul li{
    width: 98%;
    height: 2.8rem;
    background: url("../imgs/yw_bg.jpg") no-repeat 0 0/100% 100%;
    margin: .2rem auto;
    overflow: hidden;

}
.service ul li .jbt{
    color: #fff;
    font-size: .3rem;
    font-weight: bolder;
    margin: .45rem 0 0 .15rem;
}
.service ul li:nth-child(1) .jbt{
    margin-left:.4rem ;
}

.service ul li .info{
    text-align: justify;
    font-size: .28rem;
    padding: 0.1rem 0.35rem;
    line-height: .35rem;
    letter-spacing: .01rem;

}
.service ul li:nth-child(4) .info,.service ul li:nth-child(5) .info{
    line-height: .35rem;
    padding: .2rem .35rem;
    height: 3rem;
}
.service ul li:nth-child(4) ,.service ul li:nth-child(5) {
    height: 3.2rem;
    background: url("../imgs/yw_bg2.jpg") no-repeat 0 0/100% 100%;
}
.service ul li:nth-child(4) .jbt,.service ul li:nth-child(5) .jbt{
    margin-top: .3rem;
    margin-left: .35rem;

}

.lxys{
    width: 100%;
    background: url("../imgs/bg2.jpg") no-repeat 0 0/100% 100%;
    overflow: hidden;
    padding-bottom: 1.5rem;
margin-top: -0.5rem;
}
 .title_ys{
    margin-top: .5rem;
    height: .52rem;
    width: 4.5rem;
    background: url("../imgs/tit_bg2.png") no-repeat 0 0/100% 100%;

}
.lxys ul{
    width:98%;
    margin: .8rem auto .4rem;
    overflow: hidden;
}
.lxys ul li{
   width: 33.3%;
    height: 3.2rem;
    background: url("../imgs/ys1.jpg") no-repeat 0 0/100% 100%;
    float: left;
    margin: 0.2rem 0;

}
.lxys ul li:last-child{
    margin-right: 0;
}
.lxys ul li .top{
    color: #fff;
    font-size: .26rem;
    text-align: center;
    margin-top: .1rem;
}
.lxys ul li .bot{
    font-size: .25rem;
    padding: .25rem .15rem;
    box-sizing: border-box;
    line-height: .33rem;
    text-align: justify;
}
.lxys ul.ul2{
    width: 78%;
    margin-top: .3rem;
}
.lxys ul.ul2 li{
    background: url("../imgs/ys4.jpg") no-repeat 0 0/100% 100%;
    width: 50%;
    height: 2.2rem;

}
.lxys ul.ul2 li:last-child{
    background: url("../imgs/ys5.jpg") no-repeat 0 0/100% 100%;
}
.lxys ul.ul1 li:nth-child(2){
    background: url("../imgs/ys2.jpg") no-repeat 0 0/100% 100%;

}
.lxys ul.ul1 li:nth-child(3){
    background: url("../imgs/ys3.jpg") no-repeat 0 0/100% 100%;

}

.country{
    width:100%;
    overflow: hidden;
    background: #e9f3fe;
    padding-bottom: .5rem;
}

.country .title{
    background: url("../imgs/tit_bg2.png") no-repeat 0 0/100% 100%;
width: 3.51rem;
    height: .52rem;
    margin-top: 0;

}
.country ul{
    overflow: hidden;
    width: 98%;
    margin:0 auto 0;
}
.country ul li{
    width: 45%;
    height: 4.6rem;
    float: left;
    margin: .3rem 2%;
    background: url("../imgs/gj1.jpg") no-repeat 0 0/100% 100%;
}
.country ul li:nth-child(2){
    background: url("../imgs/gj2.jpg") no-repeat 0 0/100% 100%;

}
.country ul li:nth-child(3){
    height: 4.9rem;
    background: url("../imgs/gj3.jpg") no-repeat 0 0/100% 100%;

}
.country ul li:nth-child(4){
    height: 4.9rem;
    background: url("../imgs/gj4.jpg") no-repeat 0 0/100% 100%;

}
.country ul li:nth-child(5){
    height:8.5rem;
    background: url("../imgs/gj5.jpg") no-repeat 0 0/100% 100%;

}
.country ul li:nth-child(6){
    height: 8.5rem;
    background: url("../imgs/gj6.jpg") no-repeat 0 0/100% 100%;

}
.country ul li .top{
    color: #2361ff;
    font-size: .3rem;
    font-weight: bolder;
    margin-top: .25rem;
    margin-left: .4rem;
}
.country ul li .bot{
    color: #fff;
    margin-top: .25rem;
    font-size: .27rem;
    line-height: .35rem;
    text-align: justify;
    overflow: hidden;
}
.country ul li .bot div{
    overflow: hidden;
    margin-top: .1rem;
}
.country ul li .bot div>p{
    float: left;
    width: 92%;
}
.country ul li .bot div>span{
    display: block;
    float: left;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #2361ff;
    margin-top: .12rem;
    margin-right: .05rem;
    margin-left: .05rem;
}

 .country ul li .bot p span{
    color: #fff04c;
 }



.qclx{
    margin-top: 0;
    background: #a3ceff;
    padding-bottom: .5rem;
    overflow: hidden;
}
.qclx .outer{
    width: 100%;
    height:1rem;
    background: url("../imgs/bg4.jpg") no-repeat 0 0/100% 100%;
    overflow: hidden;

}
.qclx .outer .title{
    background: url("../imgs/tit_bg2.png") no-repeat 0 0/100% 100%;
    margin-top: 0;
}

.qclx ul li{
    overflow: hidden;
    width: 98%;
    height: 3.2rem;
    background: url("../imgs/ys_bg.jpg") no-repeat 0 0/100% 100%;
    margin: .4rem auto;
}
.qclx ul li .tou{
    overflow: hidden;
    font-weight: bolder;
    margin-top: .2rem;
    margin-left: .6rem;
}
.qclx ul li p{
    float: left;

}
.qclx ul li .num{
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    color: #2666ff;
    font-size: .28rem;
    background: #fff04c;
    border-radius: 50%;
    text-align: center;
    margin-right: .05rem;
}
.qclx ul li .bt{
    font-size: .28rem;
    color: #fff;
    letter-spacing: .02rem;
}
.qclx ul li .bot{
    margin-top: .2rem;
    padding: .1rem .1rem;
    font-size: .27rem;
    line-height: .35rem;

}