/*reset*/
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;border: 1px solid #ccc;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}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 {display: block;content: '';height: 0;clear: both;visibility: hidden;}
html {font-size: 12px;-webkit-tap-highlight-color: transparent;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;font-size: 14px;color: #333;background-color: #fff;max-width: 480px;margin: 0 auto;padding-bottom: 80px;}
.wrapper{width: 17.25rem;margin: 0 auto;}



/* banner */
.banner{width: 100%;height: 12rem;background: url(../images/banner_bg.jpg) no-repeat top center;text-align: center;background-size: 100% 100%;}
.banner h2{font-size: 1.1rem;color: #fff;padding-top: 1.9rem;letter-spacing: 1px;}
.banner ul{display: flex;justify-content: space-between; width: 15.3rem;margin: .55rem auto 0;}
.banner ul.column2{width: 12.8rem;}
.banner ul li{border: 1px solid #fff;border-radius: 1rem;padding: 0 .45rem;height: .85rem;  }



.banner ul li p{padding-left: .85rem;color: #fff;background: url(../images/banner_icon1.png) no-repeat left center;height: 100%;line-height: .85rem;font-size: .6rem;background-size: .55rem .55rem}
.banner ul li:nth-child(2) p{background-image: url(../images/banner_icon2.png);}
.banner ul.column2 li:nth-child(1) p{background-image: url(../images/banner_icon3.png);}
.banner ul.column2 li:nth-child(2) p{background-image: url(../images/banner_icon4.png);}
.banner .txt{font-size: .45rem;color: #fff;margin-top: .9rem;}
.banner .btn{width: 5.85rem;height: 1.4rem;background: #fee16c;display: block;border-radius: 1rem;line-height: 1.4rem;color: #ef4c1a;font-size: .6rem;text-align: center;margin: .9rem auto 0;}


.part1{background: #f9fbff;width: 100%;padding: 1rem 0;}
.part1 .wrapper{box-shadow: 0px 0px .25rem 0px rgba(206, 206, 206, 1);border-radius: .3rem;}
.part1 .top{width: 16rem;margin: 0 auto .75rem;display: flex;justify-content: space-between;}
.part1 .top .left{width: 5.3rem;height: 6.72rem;background: #1266ff;margin: .25rem 0 0 .25rem;}
.part1 .top .left .imgBox{width: 5.45rem;background: linear-gradient(to bottom, #1265ff, #fff);position: relative;left: -.25rem;top: -.25rem;display: flex;align-items: center;justify-content: center;padding-top: .15rem;}
.part1 .top .left .imgBox::before{content: "";position: absolute;right: 0;top: 0;height: 100%;width: .15rem;background: #1265ff;  }
.part1 .top .left .imgBox img{width: 5.25rem;height: auto;}
.part1 .top .right,.part1 .txt{font-size: .5rem;color: #555;width: 10rem;text-align: justify;text-indent: 2em;line-height: .88rem;}
.part1 .txt{width: 16rem;margin: 0 auto;padding-bottom: .4rem;}

.country{width: 17.25rem;margin: 0 auto;}
.country ul{display: flex;justify-content: space-between;margin-top: .6rem;}
.country ul li{width: 4rem;background: #1265ff;border-radius: .25rem;padding-top: .2rem;margin-bottom: .4rem;}
.country ul li img{width: 3.3rem;height: auto;}
.country ul li p{width: 100%;height: 11.8rem;box-shadow: 0px 0px .25rem 0px rgba(206, 206, 206, 1);background: #fff;text-align: center;padding-top: .5rem;border-radius: 0 0 .2rem .2rem;}
.country ul li p img{margin: 0 auto;animation: cir360 12s linear infinite;border-radius: 50%;}
.country ul li p b{display: block;font-size: .75rem;color: #edf1ff;margin-top: .16rem;font-weight: normal;height: .75rem;line-height: .75rem;}
.country ul li p b.min_txt{font-size: .6rem;}
.country ul li p  strong{font-weight: bold;font-size: .7rem;display: block;margin-top: -.4rem;}
.country ul li p i{font-size: .5rem;color: #555;width: 3.3rem;display: block;margin: .4rem auto 0;text-align: justify;line-height: .7rem;font-style: normal;}
.country ul li p i.lineH{line-height: .66rem;}
.country .ul2 li p{height: 9rem;}
.country .ul2 li:last-child{background: #5383e9;display: flex;align-items: center;justify-content: center;}
.country .ul2 li:last-child a{color: #fff;text-align: center;background:url(../images/arrow2.png) no-repeat bottom center;background-size: 26px auto;width: 26px;padding-bottom: 24px;}
/* .country .ul2 li:last-child a{color: #fff;text-align: center;background:url(../images/arrow3.png) no-repeat bottom center;background-size: 20px auto;width: 20px;padding-bottom: 24px;} */


.part2 .txt{font-size: .6rem;color: #555;text-align: center;margin-top: -.6rem;margin-bottom: 1rem;}
.part2 .listTable{width: 100%;background: #bc0012;text-align: center;border-radius: .25rem;padding-bottom: .25rem;}
.part2 .listTable h4{width: 100%;height: 1.75rem;color: #fff;line-height: 1.75rem;  font-size: .75rem;}
.part2 .listTable .innerBg{width: 100%;background: #fff;padding-top: 3px;box-shadow: 0px 0px .25rem 0px rgba(206, 206, 206, 1);  }
.part2 .listTable ul{display: flex;justify-content: space-between;padding: 0 3px;  margin: 0 auto 6px;}
.part2 .listTable ul li{width: 49%;height: 1.4rem;border-radius: .25rem;background: #f5d9dc;font-size: .6rem;line-height: 1.4rem;}
.part2 .listTable table{width: 99%;border-collapse: collapse;  font-size: .55rem;}
.part2 .listTable table td{height: .95rem; }
.part2 .listTable table tr:nth-child(2n) td{background: #fdf7f8;}
.part2 .listTable table tr td:first-child,.part2 .listTable table tr:first-child td:nth-child(2){border-right: 1px dashed #fcf3f4;}
.part2 .listTable table tr:first-child td{border-right: 1px solid #f5d9dc;}
.part2 .listTable table tr td:last-child{border-right: none;}
.part2 .listTable table:last-child{  border-top: 1px solid #f5d9dc;}

.part2 .listTable_B,.part5 .listTable2{margin-top: .6rem;background: #1266ff;}
.part2 .listTable_B ul li,.part5 .listTable2 ul li{background: #dce8ff;}
.part2 .listTable_B ul li:nth-child(1){width: 7.5rem;}
.part2 .listTable_B ul li:nth-child(2){width: 6.3rem;}
.part2 .listTable_B ul li:nth-child(3){width: 2.95rem;}
.part2 .listTable_B table tr:nth-child(2n) td,.part5 .listTable2 table tr:nth-child(2n) td{background: #f8faff;}
.part2 .listTable_B table tr:first-child td{border-right: 1px solid #e1ecff;}
.part2 .listTable_B table tr td:first-child,
.part2 .listTable_B table tr:first-child td:nth-child(2),
.part2 .listTable_B table tr td:nth-child(2){border-right: 1px dashed #dce8ff;}
.part2 .listTable_B table tr:first-child td:last-child{border: none;}
.part2 .listTable_B table:last-child{  border-top: 1px solid #e1ecff;}
.part2 .listTable_B table tr td:last-child{font-size: .35rem;}


.part3 .wrapper{background: url(../images/p3_bg.jpg) no-repeat;background-size: 100% 100%;height: 16.7rem;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;}
.part3 .cell {width: 8.4rem;height: 5.8rem;}
.part3 .cell h3{font-size: .7rem;color: #fff;padding: .4rem 0 0 .55rem;}
.part3 .cell h3 i{font-style: normal;white-space: nowrap;font-weight: normal;}
.part3 .cell h3 i.min{font-size: .6rem;letter-spacing: -1px;}
.part3 .cell .txtBox{display: flex;font-size: .5rem;padding-left: .55rem;padding-top: .8rem;line-height: .8rem;}
.part3 .cell .txtBox p:nth-child(1){margin-right: .8rem;}
.part3 .cell2{height: 6.35rem;}
.part3 .cell_wid{width: 8.8rem;}
.part3 .cell_wid h3{padding-left: .8rem;}
.part3 .cell3 h3{padding-top: 1.2rem;}
.part3 .cell3{width: 100%;}
.part3 .cell3 .txtBox{padding-top: 1.2rem;display: flex;}
.part3 .cell3 .txtBox span{margin-right: .7rem;}




.part4,.part6{background: #f9fbff;padding-bottom: 1rem;margin-top: .8rem;}
.part4 .wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;}
.part4 li{box-shadow: 0px 0px .25rem 0px rgba(206, 206, 206, 1);width: 8.45rem;text-align: center;padding-bottom: .75rem;margin-bottom: .4rem;}
.part4 li h3{font-size: .75rem;padding: .75rem 0 .4rem;}
.part4 li p{padding: 0 .6rem;line-height: .85rem;text-align: justify;font-size: .6rem;}
.part4 li img{width: 8.4rem;}
.part4 li span{color: #bc0012;}
.part4 li .txt2{text-align: center;}
.part4 li img{margin: .6rem 0 .3rem;}
.part4 .btn,.part6 .btn{margin: .8rem auto 0;background: #1266ff;border-radius: 1rem;width: 9.85rem;height: 2.05rem;display: flex;align-items: center;justify-content: center;color: #fff;}
.part4 .btn i,.part6 .btn i{background: url(../images/arrow.png) no-repeat right center;padding-right: .6rem;font-size: .7rem;background-size: .275rem auto;font-style: normal;} 


.part5 .listTable ul li{width: 3.2rem;}
.part5 .listTable ul li:nth-child(2){width: 7.2rem;}
.part5 .listTable ul li:nth-child(3){width: 3.5rem;}
.part5 .listTable ul li:nth-child(4){width: 2.8rem;}
.part5 .listTable p{font-size: .5rem;color: #bc0012;margin: .2rem 0;}
.part5 .listTable table tr:first-child td{border-top: 1px solid #f4d4d7;}
.part5 .listTable table tr:last-child td{border-bottom: 1px solid #f4d4d7;}
.part5 .listTable table tr:first-child td:last-child{border-right: none;}
.part5 .listTable table td,.part5 .listTable table tr:first-child td{border-right: 1px dashed #fcf3f4;}
.part5 .listTable2 table tr:first-child td,.part5 .listTable2 table:last-child{border-top: none;}
.part5 .listTable2 table tr:last-child td{border-bottom: none;}
.part5 .listTable2 table td,.part5 .listTable2 table tr:first-child td,
.part5 .listTable2 table tr td:first-child, .part5 .listTable2 table tr:first-child td:nth-child(2){border-right: 1px dashed #e9f1ff;}



.part6{margin-top: .8rem;}
.part6 .wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
.part6 .wrapper .cell{width: 8.45rem; border-radius: .25rem;background: #1266ff;padding-top: .25rem;text-align: center;margin-bottom: .5rem;}
.part6 .wrapper .cell .inBg{width: 100%;height: 7.2rem; background: #fff;box-shadow: 0px 0px .25rem 0px rgba(206, 206, 206, 1);border-radius:0 0 .25rem .25rem;}

.part6 .wrapper .cell .inBg img{margin: .25rem auto 0;width: 4rem;height: auto;}
.part6 .wrapper .cell .inBg h3{font-size: .75rem;margin: -.85rem 0 .4rem;}
.part6 .wrapper .cell .inBg p{font-size: .55rem;text-align: justify;line-height: .85rem;padding: 0 .55rem;}
.part6 .wrapper .cell .inBg p.lineH{line-height: .75rem;}
.part6 .wrapper .cell .inBg p.txt{text-align: center;padding-top: .3rem;}

.part7{width: 100%;background: url(../images/p7_bg.jpg) no-repeat center bottom;background-size: 100% auto;padding-bottom: 1rem;}
.part7 .wrapper{width: 18.1rem;height: 16.1rem;position: relative;margin-top: 1rem;position: relative;}
.part7 .wrapper .shape{background: url(../images/p7_shape.png) no-repeat; background-size: 100% 100%;width: 100%;height: 100%;}


.part7 .wrapper .txt{position: absolute;text-align: center;line-height: .6rem;left: 1.2rem;top: 3.2rem;}
.part7 .wrapper .txt h3{font-size: .6rem;margin-bottom: .4rem;letter-spacing: 1px;}
.part7 .wrapper .txt p{font-size: .45rem;}

.part7 .wrapper .txt2{left: 5.95rem;top: .45rem;}
.part7 .wrapper .txt3{left: 10.8rem;}
.part7 .wrapper .txt4{top: 8.9rem;left: 11.1rem;}
.part7 .wrapper .txt5{left: 6.6rem;top: 11.3rem;}
.part7 .wrapper .txt6{top: 8.9rem;left: 1.6rem;}




.title{text-align: center;font-size: .9rem;padding-top: .65rem;margin-bottom: 1rem;}
.title b{position: relative;}
.title b::before,.title b::after{content: "";position: absolute;background: url(../images/line.png) no-repeat;left: -2.4rem;top: .44rem;background-size: 100% 100%;width: 1.65rem;height: .275rem;}
.title b::after{right: -2.4rem;left: auto;transform: rotate(-180deg);}


@keyframes cir360 {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(20deg);
    }

    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(0deg);
    }
}