html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    word-wrap: break-word
}

body {
    -webkit-text-size-adjust: none;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    overflow-x: hidden
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

button,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0;
    border: none
}

a {
    color: #555;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

li,
ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

img {
    border: 0;
    display: block
}

@media only screen and (max-width:640px),
only screen and (max-device-width:640px) {

    body,
    html {
        font-size: 20px
    }
}

@media only screen and (max-width:600px),
only screen and (max-device-width:600px) {

    body,
    html {
        font-size: 18.75px
    }
}

@media only screen and (max-width:540px),
only screen and (max-device-width:540px) {

    body,
    html {
        font-size: 16.88px
    }
}

@media only screen and (max-width:480px),
only screen and (max-device-width:480px) {

    body,
    html {
        font-size: 15px
    }
}

@media only screen and (max-width:414px),
only screen and (max-device-width:414px) {

    body,
    html {
        font-size: 12.94px
    }
}

@media only screen and (max-width:400px),
only screen and (max-device-width:400px) {

    body,
    html {
        font-size: 12.5px
    }
}

@media only screen and (max-width:375px),
only screen and (max-device-width:375px) {

    body,
    html {
        font-size: 11.72px
    }
}

@media only screen and (max-width:360px),
only screen and (max-device-width:360px) {

    body,
    html {
        font-size: 11.25px
    }
}

@media only screen and (max-width:320px),
only screen and (max-device-width:320px) {

    body,
    html {
        font-size: 10px
    }
}

@media only screen and (max-width:240px),
only screen and (max-device-width:240px) {

    body,
    html {
        font-size: 7.5px
    }
}

.container {
    width: 100%;
    display: block;
    padding-bottom: 2rem
}

section,
header {
    width: 92.8%;
    margin: 0 auto;
    text-align: center;
    padding-top: 1.6rem
}

header .ch {
    font-size: 1.8rem;
    font-weight: 400;
    color: #484848
}

header .en {
    font-size: 1.2rem;
    font-weight: 400;
    color: #f37921;
    padding: 0 0.8rem
}

header hr,
span {
    display: inline-block
}

header hr {
    width: 6rem;
    height: 0.1rem;
    border: none;
    border: 0.1rem #919191 solid;
    margin: 0 auto
}

.btn {
    width: 100%;
    text-align: center;
    margin-top: 2rem
}

.btn a {
    font-size: 1.3rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 0.5rem 2.8rem 0.5rem 1rem;
    position: relative;
    text-align: center
}

.btn a:nth-child(2) {
    margin-left: 3rem
}

.btn img {
    width: 0.85rem;
    height: 0.95rem;
    position: absolute;
    top: 0.725rem;
    right: 1rem
}

.btn .orange {
    color: #f37921;
    border: 0.2rem #f37921 solid
}

.btn .white {
    color: #FFFFFF;
    border: 0.2rem #FFFFFF solid
}

.c1,
.c3,
.c5,
.c7 {
    background-color: #FFFFFF
}

.c2,
.c4,
.c6,
.c8 {
    background-color: #f6f6f6
}

.header-banner {
    width: 100%;
    display: block;
    position: relative
}

.header-banner .bn-btn {
    width: 3.9rem;
    height: 3.9rem;
    border-radius: 50%;
    position: absolute;
    top: 13.7rem;
    right: 8.8rem;
    -webkit-animation: box 2s ease-in-out infinite;
    -o-animation: box 2s ease-in-out infinite;
    animation: box 2s ease-in-out infinite
}

@keyframes box {
    0% {
        box-shadow: 0 0 0 #484848
    }

    50% {
        box-shadow: 0 0 1.5rem #484848
    }

    0% {
        box-shadow: 0 0 0 #484848
    }
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    text-align: right;
    padding-right: 1rem
}

.swiper-pagination-bullet-active {
    background: #f37921 !important
}

.c2-hd {
    width: 100%;
    height: 2rem;
    margin: 0 auto
}

.c2-hd span {
    font-size: 1.3rem;
    line-height: 2rem;
    color: #f37921;
    font-weight: 700
}

.c2-hd span:nth-child(1) {
    float: left;
    margin-left: 0
}

.c2-hd span:nth-child(2) {
    float: right;
    margin-right: 1.8rem
}

.c2 section img {
    margin: 1rem auto
}

.c3 .item {
    width: 100%;
    margin-bottom: 0.5rem;
    position: relative;
    overflow: hidden
}

.c3 .item .item-des {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    text-align: center
}

.c3 .item .item-des h4 {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 700;
    color: #FFFFFF;
    margin-top: 1.4rem
}

.c3 .item .item-des h5 {
    font-size: 1.2rem;
    line-height: 1.3;
    color: #FFFFFF
}

.c3 .item .item-des i {
    font-style: normal;
    margin: 0.2rem auto;
    display: block
}

@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_oukagmzjk1kbj4i.eot');
    src: url('//at.alicdn.com/t/font_oukagmzjk1kbj4i.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_oukagmzjk1kbj4i.woff') format('woff'), url('//at.alicdn.com/t/font_oukagmzjk1kbj4i.ttf') format('truetype'), url('//at.alicdn.com/t/font_oukagmzjk1kbj4i.svg#iconfont') format('svg')
}

.icon {
    font-family: "iconfont";
    font-size: 1.2rem;
    line-height: 1.3;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.01rem;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff
}

.c3 .btn {
    margin-top: 1rem
}

.c4 .cont {
    width: 100%
}

.c41 section .cont{
    background-color: #fff;
}
.c41 section .cont>div{
    float: left;
    width: 50%;
    text-align: left;
}
.c41 section .cont .r{
    padding-top: 1.2rem;
}
.c41 section .cont>div>h2>span{
    font-size: 1rem;
    color: #7a7a7a;
}
.c41 section .cont>div>h2{
    margin-bottom: 0.5rem;
}
.c41 section .cont>div>p{
    font-size:1rem;
    line-height: 1.6rem;
}

.c5 .cont {
    width: 100%
}

.c5 .item {
    width: 33%;
    margin-right: 0.5%;
    float: left
}

.c5 .item:nth-child(3) {
    margin-right: 0
}

.c6 .cont {
    width: 100%
}

.c6 .cont .item {
    width: 50%;
    height: 14.8rem;
    float: left
}

.c6 .cont .item b {
    font-size: 1.6rem;
    color: #f37921;
    display: block;
    margin-top: 4rem
}

.c6 .cont .item i {
    font-size: 1.2rem;
    color: #484848;
    line-height: 1.5
}

.c6 .cont .item .btn {
    margin-top: 1rem
}