@font-face {
    font-family:DIN-Bold;src:url('../fonts/DIN-Bold.otf'),url('../fonts/din_regular-webfont.woff'),url('../fonts/din_regular-webfont.woff2')
}

@font-face {
    font-family:DIN-Regular;src:url('../fonts/DIN-Regular.otf'),url('../fonts/din_regular-webfont.woff'),url('../fonts/din_regular-webfont.woff2')
}

@font-face {
    font-family:DIN-Light;src:url('../fonts/DIN-Light.otf'),url('../fonts/din_regular-webfont.woff'),url('../fonts/din_regular-webfont.woff2')
}

.tups {
    width: 50%;
    margin: 20px auto 0
}

img {
    width: 100%
}

.tups img {
    width: 100%
}

#headerid {
    width: 100%;
    background: #fcfcfc;
    padding: 0;
    position: fixed;
    z-index: 99999
}

#nve {
    position: fixed;
    width: 100%;
    left: 0;
    background: #fff;
    bottom: 0;
    top: 52px;
    display: none;
    box-shadow: 2px 10px 20px 0 rgba(100,100,100,0.26)
}

#nve ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 10px
}

#nve ul li {
    text-align: left;
    padding: 0 20px
}

#nve ul li a {
    padding: 15px 0;
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #ededed
}

.con-in {
    padding: 0 22px
}

.con-M {
    position: relative
}

#mune,#logoimg {
    display: inline-block
}

#logoimg {
    width: 100px
}

#logoimg img {
    width: 100%
}

#mune {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px
}

#mune span {
    width: 30px;
    height: 2px;
    background: #555;
    display: block;
    margin: 2px 0;
    transition: all .5s ease
}

#mune span.cx {
    opacity: 0
}

#mune span.cha1 {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin: -1px
}

#mune span.cha2 {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin: -1px
}

h1,h2,h3,h4,h5,h6,p,a,span {
    margin: 0;
    padding: 0
}

a,a:active,a:hover {
    text-decoration: none;
    list-style: none;
    color: #000
}

ul,li {
    margin: 0;
    padding: 0
}

.tups img {
    width: 100%
}

.img-div img {
    width: 100%
}

#main {
    padding-top: 100px;
    padding-bottom: 40px
}

#newmain {
    padding-top: 52px;
    padding-bottom: 40px
}

#indexs {
    padding-top: 50px;
    padding-bottom: 50px
}

#indexs section {
    padding-bottom: 0 !important
}

section:first-child {
    padding-bottom: 60px
}

section.pading-bot {
    padding-bottom: 0
}

section.pading-top {
    padding-top: 0
}

section.pading-right {
    padding-right: 0
}

section.pading-left {
    padding-left: 0
}

.one-in h3 {
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    text-align: center;
    padding-top: 34px
}

.one-in h1 {
    font-size: 34px;
    color: #000;
    text-align: center;
    margin: 36px 0 5px;
    font-weight: 600
}

.one-in p.stext {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    text-align: left;
    width: 50%;
    margin: 0 auto 10px
}

.one-in span.span1 {
    display: inline-block;
    background-image: linear-gradient(0deg, #cbcbcb 0, #ececec 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.one-in span.span2 {
    display: inline-block;
    opacity: .8;
    background-image: linear-gradient(0deg, #cbcbcb 0, #ececec 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.one-in span.span3 {
    display: inline-block;
    opacity: .5;
    background-image: linear-gradient(0deg, #cbcbcb 0, #ececec 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%
}

.one-in p.context {
    font-size: 12px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 18px;
    text-align: justify
}

.one-in a {
    font-size: 14px;
    color: #25BB8A;
    text-align: left;
    width: 60%;
    margin: 15px auto 27px;
    display: block
}

.one-in a .sanjiao {
    display: inline-block;
    width: 12px;
    height: 11px;
    background: url(../images/Set/jiao.png) no-repeat;
    margin-right: 3px
}

.one-in .shuju .col1 h3 {
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    letter-spacing: 0;
    text-align: left
}

.one-in .shuju .col1 h3 span {
    font-size: 30px;
    font-family: "DIN-Regular"
}

.one-in .shuju .col1 p {
    font-size: 12px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    text-align: left
}

.two-in h3 {
    font-size: 28px;
    color: #000;
    text-align: center;
    margin-bottom: 24px;
    padding-top: 47px
}

.two-in h3 span {
    font-size: 40px;
    margin: 0 5px
}

.two-in .tups {
    width: 50%;
    margin: 0 auto
}

.two-in .tups img {
    padding: 20px 0
}

.two-in h2 {
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 10px
}

.two-in p {
    opacity: .4;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    line-height: 18px;
    text-align: left
}

.two-in .p1 {
    margin-bottom: 10px
}

.two-in .button-box {
    width: 70%;
    margin: 0 auto
}

.two-in a.buttons {
    display: inline-block;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    width: 99px;
    height: 58px;
    padding: 9px;
    text-align: center;
    margin: 20px 7px
}

.two-in a.buttons span {
    display: block
}

.two-in a.buttons span:first-child {
    font-family: DIN-Medium;
    font-size: 16px;
    color: #14baff;
    letter-spacing: 0
}

.two-in a.buttons span:last-child {
    font-size: 10px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0
}

.shw-in .tups {
    padding: 66px 0 20px
}

.shw-in .context h2 {
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    text-align: left;
    margin: 20px 0 10px
}

.shw-in .context p {
    opacity: .4;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    line-height: 18px;
    text-align: left
}

.shw-in .conimg {
    padding: 0;
    margin: 20px auto 10px;
    width: 250px;
    height: auto
}

.shw-in .context-txt h2,.shw-in .context-txt p {
    text-align: center
}

.shw-in .tups-img {
    background: #d8d8d8;
    height: 150px;
    margin: 40px 0 10px
}

.whe-in h3 {
    font-size: 28px;
    color: #000;
    text-align: center;
    margin: 20px 0
}

.whe-in .tups {
    width: 100%
}

.whe-bre {
    background: #000;
    text-align: center
}

.whe-bre h3,.whe-bre p {
    color: #fff
}

.whe-bre p {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    line-height: 18px;
    text-align: left;
    margin-bottom: 20px
}

.whe-bre a {
    color: #14baff
}

.whe-bre .context-txt {
    margin-top: -56px;
    margin-bottom: 26px
}

.bre-box {
    margin-top: 30px
}

#headerider {
    width: 100%;
    background: #fcfcfc;
    padding: 14px 0;
    position: fixed;
    z-index: 2;
    top: 52px
}

#headerider a.adivnav {
    display: block;
    position: relative
}

#headerider a.adivnav h3 {
    font-size: 14px;
    line-height: 20px
}

#headerider a.adivnav span {
    position: absolute;
    font-size: 18px;
    right: 2px;
    top: -6px;
    transform: rotateZ(90deg);
    transition: all .3s ease
}

#headerider a.adivnav span.xz {
    transform: rotateZ(134deg)
}

#headerider .navhih {
    margin-top: 10px;
    display: none;
    box-shadow: 2px 10px 20px 0 rgba(100,100,100,0.26);
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    padding: 25px;
    background: #fff
}

#headerider ul {
    list-style: none
}

#headerider ul li {
    display: block
}

#headerider ul li a {
    display: block;
    padding: 15px 0;
    font-size: 12px;
    color: #000;
    letter-spacing: 0
}

#headerider ul li.active a {
    color: rgba(0,0,0,0.3)
}

#headerider ul li:last-child a {
    padding-right: 0
}

#headerider ul li:first-child a {
    padding-left: 0
}

.sectionsr {
    background: url(../images/content/er1.png) no-repeat;
    background-size: cover;
    widows: 100%;
    height: 337px
}

.sectionsr h3 {
    font-size: 28px;
    color: #000;
    text-align: center;
    padding: 34px 0 0
}

.sectionsr p.stext {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    text-align: left;
    width: 44%;
    margin: 8px auto 10px
}

.sectionsr span.span1 {
    display: inline-block;
    background-image: linear-gradient(0deg, #23bfff 0, #69d0f4 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.sectionsr span.span2 {
    display: inline-block;
    opacity: .8;
    background-image: linear-gradient(0deg, #23bfff 0, #69d0f4 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.sectionsr span.span3 {
    display: inline-block;
    opacity: .5;
    background-image: linear-gradient(0deg, #23bfff 0, #69d0f4 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%
}

.ldrl {
    background: url(../images/content/er3.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 570px
}

.ldrl h3 {
    text-align: center;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    padding: 10px 0 15px
}

.ldrl h1 {
    font-size: 28px;
    text-align: center
}

.ldrl h1 span {
    color: #23bfff
}

.zoushit h3 {
    text-align: center;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    padding: 10px 0 15px;
    margin: 0
}

.zoushit h1 {
    font-size: 28px;
    text-align: center
}

.zoushit h1 span {
    color: #23bfff
}

.er-in .shuju {
    padding: 14px 0
}

.er-in .shuju .col1 {
    padding: 20px 0
}

.er-in .shuju .col1 span.xianspan {
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    width: 60px;
    margin-bottom: 10px
}

.er-in .shuju .col1 h3 {
    color: #23bfff;
    padding-top: 0
}

.er-in .shuju .col1 h3 span {
    font-size: 28px
}

.er-in .shuju .col1 P {
    margin-top: 10px
}

.cent-in {
    padding-bottom: 60px
}

.cent-in .context {
    margin-top: 20px
}

.cent-in .context p {
    line-height: 18px
}

.fangs h1 {
    font-size: 28px;
    text-align: center;
    padding: 20px 0
}

.fangs-in .context {
    padding: 20px 0 40px
}

.zhuangt-in {
    padding-top: 30px;
    padding-bottom: 30px
}

.zhuangt-in .context {
    padding-top: 10px
}

.bagb {
    background: #fbfbfb
}

.jies {
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 15px
}

.jies .img-div {
    width: 194px;
    float: left
}

.jies .context {
    float: left;
    margin-top: 47px
}

.jies .context p:first-child {
    margin-bottom: 7px
}

.jies2 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    margin-bottom: 20px
}

.jies2 .img-div {
    width: 100px;
    float: left
}

.jies2 .context {
    float: left;
    width: 67%;
    padding-left: 20px
}

.jies2 .context h2 {
    margin-top: 9px
}

.bagbc {
    background: #fcfcfc
}

.new01 {
    background: url(../images/content/new01.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 156px
}

.new01 h1 {
    text-align: center;
    line-height: 155px;
    color: #fff;
    font-size: 28px
}

.new02 {
    padding: 0 0 0
}

.new02 .title {
    padding: 20px 0 10px
}

.new02 .title h2 {
    font-size: 22px;
    color: #23bfff;
    letter-spacing: 0
}

.new02 .title.title-color-h h2 {
    color: #eeda95
}

.new02 .context h2,.new02 .context p {
    padding: 5px 0
}

.new02 .context h2 {
    font-size: 18px;
    color: #000;
    letter-spacing: 0
}

.new02 .context p {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 21px;
    opacity: 1
}

.new02 .context p.times {
    font-size: 12px;
    color: rgba(0,0,0,0.3);
    letter-spacing: 0
}

section.newbdg {
    padding: 0 0 20px
}

section.newbdgs {
    background-image: linear-gradient(-180deg, #fcfcfc 0, #fff 100%);
    margin: 20px 0;
    padding-bottom: 0 !important
}

.color-l h3 {
    color: #36daa4
}

.color-l p.stext {
    width: 79%
}

.color-l span.span1 {
    display: inline-block;
    background-image: linear-gradient(0deg, #36daa4 0, #25bb8a 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.color-l span.span2 {
    display: inline-block;
    opacity: .8;
    background-image: linear-gradient(0deg, #36daa4 0, #25bb8a 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.color-l span.span3 {
    display: inline-block;
    opacity: .5;
    background-image: linear-gradient(0deg, #36daa4 0, #25bb8a 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%
}

.color-l .tups {
    width: 60%
}

.color-l.color-h h3 {
    color: #eeda95
}

.color-l.color-h p.stext {
    width: 46%
}

.color-l.color-h span.span1 {
    display: inline-block;
    background-image: linear-gradient(0deg, #eeda95 0, #bdb186 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.color-l.color-h span.span2 {
    display: inline-block;
    opacity: .8;
    background-image: linear-gradient(0deg, #eeda95 0, #bdb186 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.color-l.color-h span.span3 {
    display: inline-block;
    opacity: .5;
    background-image: linear-gradient(0deg, #eeda95 0, #bdb186 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%
}

.er-in .shuju-l {
    padding: 0;
    width: 84%;
    margin: 0 62px
}

.er-in .shuju-l .col1 h3 {
    color: #36daa4
}

.er-in .shuju-l.shuju-h .col1 h3 {
    color: #eeda95
}

.two-inl h3 span {
    color: #36daa4
}

.two-inl.two-inh h3 span {
    color: #eeda95
}

.two-inl .title {
    margin: 0 0 20px
}

.two-inl .title h2 {
    margin: 0;
    font-size: 16px
}

.two-inl .title p {
    opacity: .4;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    line-height: 18px;
    text-align: left
}

.two-inl .shuju-l ul {
    list-style: none
}

.two-inl .shuju-l ul li {
    display: inline-block;
    margin: 0 20px
}

.two-inl .shuju-l ul li h3 {
    font-size: 12px;
    font-family: DIN-Medium;
    margin: 0;
    color: #36daa4
}

.two-inl .shuju-l ul li h3 span {
    font-size: 22px;
    font-family: DIN-Medium;
    margin-left: 0
}

.two-inl .shuju-l ul li:first-child {
    margin-left: 0
}

.two-inl .shuju-l ul li:last-child {
    margin-right: 0
}

.con-ler h1 {
    line-height: 40px;
    margin-bottom: 20px
}

.con-ler h3 {
    font-size: 14px;
    color: rgba(0,0,0,0.4)
}

.consimg p {
    font-size: 12px;
    margin-top: 5px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0
}

.row4 {
    margin: 0 -5px
}

.row4 .col4 {
    padding: 0 5px
}

.row4 .col4 h1 {
    font-family: DIN-Medium;
    font-size: 24px;
    color: #36daa4;
    letter-spacing: 0
}

.row4 .col4 .div-05 p,.row4 .col4 .div-06 p,.row4 .col4 .div-07 p {
    font-size: 14px;
    text-align: center;
    line-height: 100px;
    color: #fff
}

.row4 .col4 .div-05 {
    background: url(../images/content/san05.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 102px
}

.row4 .col4 .div-06 {
    background: url(../images/content/san06.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 102px
}

.row4 .col4 .div-07 {
    background: url(../images/content/san07.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 102px
}

.bottom-l {
    padding: 40px 15px
}

.bottom-l .context {
    margin-top: 20px
}

.pro {
    text-align: center;
    padding: 30px 0 0
}

.pro h1 {
    font-size: 30px;
    color: #000
}

@media (max-width:390px) {
    .pro h1 {
        font-size: 24px
    }
}

@media (max-width:320px) {
    .pro h1 {
        font-size: 22px
    }
}

.pro-w h4 {
    font-size: 18px;
    color: #000;
    letter-spacing: 0
}

.pro-w h5 {
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 15px
}

.pro-w p {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 24px
}

.pol-w p {
    margin-top: 20px
}

.problem-t {
    padding: 15px 0
}

.xiansection {
    padding: 15px 0
}

.xiansection span {
    display: block;
    opacity: .32;
    border: 1px solid #979797
}

.sercen {
    background: url(../images/content/ser01.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 156px
}

.sercen h1 {
    color: #000
}

.sercens {
    padding-bottom: 20px
}

.sercens a .col-ser {
    background: #fbfbfb;
    text-align: center;
    padding: 24px
}

@media (max-width:320px) {
    .sercens a .col-ser {
        padding-left: 15px;
        padding-right: 15px
    }
}

.sercens a h5 {
    color: #000;
    font-size: 14px
}

@media (max-width:390px) {
    .sercens a h5 {
        font-size: 12px
    }
}

@media (max-width:320px) {
    .sercens a h5 {
        font-size: 10px
    }
}

.sercens a:nth-child(1) {
    display: block
}

.sercens a:nth-child(1) span {
    display: block;
    background: url(../images/Set/icon1.png) no-repeat;
    width: 44px;
    height: 41px;
    background-size: contain;
    margin: 0 auto 12px
}

.sercens a:nth-child(2) {
    display: block
}

.sercens a:nth-child(2) span {
    display: block;
    background: url(../images/Set/icon2.png) no-repeat;
    width: 54px;
    height: 41px;
    background-size: contain;
    margin: 0 auto 12px
}

.sercens a:nth-child(3) {
    display: block
}

.sercens a:nth-child(3) span {
    display: block;
    background: url(../images/Set/icon3.png) no-repeat;
    width: 31px;
    height: 41px;
    background-size: contain;
    margin: 0 auto 12px
}

.sercens-ab a:nth-child(1) span {
    background: url(../images/Set/click1.png) no-repeat
}

.sercens-ab a:nth-child(2) span {
    background: url(../images/Set/click2.png) no-repeat
}

.sercenbg {
    padding: 0 0 15px
}

.sercenbg h1 {
    font-size: 18px;
    color: #000;
    letter-spacing: 0
}

.sercenbg span {
    width: 0;
    height: 0;
    border-width: 7px 7px 0;
    border-style: solid;
    border-color: #d8d8d8 transparent transparent;
    margin-left: 10px;
    position: absolute;
    top: 48%;
    right: 40px;
    margin-top: -10px
}

@media (max-width:320px) {
    .sercenbg span {
        right: 18px
    }
}

.sercenbg .search {
    padding: 0 22px;
    border: 1px solid #c0c0c0;
    border-radius: 4px
}

.sercenbg .search select {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 0 solid #fff;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    line-height: 24px;
    -webkit-appearance: none
}

.xiansc {
    padding: 5px 0 15px
}

.sercen-t {
    padding: 15px 0
}

.info-jb {
    font-size: 16px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 24px;
    padding: 15px 0
}

.adders-jb {
    font-size: 16px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 24px;
    padding: 15px 0
}

.p1 {
    text-align: center;
    padding: 15px 0
}

.p1 p {
    font-size: 12px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 24px
}

.pro.coop {
    padding: 30px 0 30px
}

.pro.coop1 {
    padding: 30px 0 30px
}

.pro.coop2 {
    padding: 10px 0 15px
}

.pro h4 {
    font-size: 18px;
    color: #000;
    letter-spacing: 0
}

.pro p {
    font-size: 13px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 24px
}

@media (max-width:390px) {
    .pro p {
        font-size: 12px
    }
}

.cooper span {
    width: 0;
    height: 0;
    border-width: 7px 7px 0;
    border-style: solid;
    border-color: #d8d8d8 transparent transparent;
    margin-left: 10px;
    position: absolute;
    top: 35px;
    right: 40px;
    margin-top: -2px
}

.search {
    padding: 0 22px;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    margin-bottom: 20px
}

.search select {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 0 solid #fff;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    line-height: 24px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none
}

.input-text {
    padding: 0 22px;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    margin-bottom: 20px
}

.input-text input {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 0 solid #fff;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    line-height: 24px;
    outline: none
}

.input-btn button {
    border: 0;
    border-radius: 4px;
    width: 100%;
    height: 50px;
    background: #14baff;
    color: #fff;
    outline: none
}

.input-textar {
    padding: 0 22px;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    margin-bottom: 20px
}

.input-textar textarea {
    width: 100%;
    height: 150px;
    background: #fff;
    border: 0 solid #fff;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    line-height: 24px;
    resize: none;
    padding-top: 10px
}

.cooperxian {
    padding: 0
}

#newmain .testin {
    padding-bottom: 20px
}

#newmain .testin .testin01 {
    background: #fbfbfb no-repeat contain;
    width: 100%;
    height: 190px;
    padding-top: 30px
}

#newmain .testin .testin01 h1 {
    line-height: 45px;
    font-size: 30px;
    color: #000;
    letter-spacing: 10px;
    text-align: center
}

.testin02 {
    padding-left: 20px;
    padding-bottom: 15px
}

.testing01 {
    padding: 15px 0 10px
}

.testing01 h4 {
    font-size: 18px;
    color: #000;
    letter-spacing: 0
}

.testing02 {
    padding: 10px 0 15px
}

.testing02 p {
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    line-height: 20px
}

.testing02 p span {
    color: #14baff;
    font-size: 14px
}

.casenav {
    padding-bottom: 10px
}

.casenav .cnav a,.casenav .cnav span {
    font-size: 14px;
    color: rgba(0,0,0,0.8);
    letter-spacing: 0
}

@media (max-width:320px) {
    .casenav .cnav a,.casenav .cnav span {
        font-size: 12px
    }
}

.casenav .cnav a.active {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 20px
}

.case02 p .context p {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 21px
}

.case02 p .context a {
    font-size: 12px;
    color: #14baff;
    letter-spacing: 0;
    text-decoration: underline
}

p.pad {
    padding-left: 15px
}

.isShow {
    transform: translate3d(0, 30px, 0);
    transition: all 1s cubic-bezier(.38, .32, .36, .98);
    opacity: 0
}

.about-w h5 {
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px
}

.about-w p.rightp {
    text-align: right;
    padding-top: 10px
}

.about-h h5 {
    font-size: 18px;
    padding-bottom: 10px
}

.about-lc {
    padding-bottom: 70px;
    margin-top: -4px
}

.about-lc h5 {
    font-size: 18px;
    padding-bottom: 10px;
    margin: 0
}

@media (max-width:390px) {
    .about-lc {
        padding-bottom: 70px
    }
}

@media (max-width:320px) {
    .about-lc {
        padding-bottom: 47px
    }
}

.about-lc.about-g {
    padding-bottom: 78px
}

@media (max-width:390px) {
    .about-lc.about-g {
        padding-bottom: 78px
    }
}

@media (max-width:320px) {
    .about-lc.about-g {
        padding-bottom: 77px
    }
}

.about-lc.about-g2 {
    padding-bottom: 62px;
    margin-top: -10px
}

.col-about-1 {
    width: 12.333333%
}

.col-about-1 .img-div {
    width: 16px
}

#fool {
    background: rgb(44, 44, 44);
}

#fool .bottomdiv {
    padding-top: 25px
}

#fool .bottomdiv .fool-a {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.8)
}

#fool .bottomdiv .fool-a p {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    line-height: 25px
}

#fool .bottomdiv .fool-a p span {
    font-size: 18px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 0;
    line-height: 25px
}

#fool .bottomdiv .fool-a.fool-nve {
    padding: 0;
    position: relative;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 0
}

#fool .bottomdiv .fool-a.fool-nve a.anve {
    padding: 10px 0;
    cursor: pointer;
    display: block
}

#fool .bottomdiv .fool-a.fool-nve p {
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    font-weight: 600
}

#fool .bottomdiv .fool-a.fool-nve span {
    font-size: 18px;
    position: absolute;
    right: 3px;
    color: rgba(255,255,255,0.8);
    top: 10px;
    transition: all .5s ease
}

#fool .bottomdiv .fool-a.fool-nve span.zk {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

#fool .bottomdiv .fool-a .fool-div {
    display: none
}

#fool .bottomdiv .fool-a .fool-div ul {
    list-style: none
}

#fool .bottomdiv .fool-a .fool-div ul li a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: rgba(255,255,255,0.6)
}

#fool .bottomdiv .fool-dd {
    border: 0
}

#fool .bottomdiv .fool-dd a {
    font-size: 12px;
    color: rgba(255,255,255,0.4)
}

#fool .bottomdiv .fool-dd a.gwa {
    display: block;
    line-height: 25px
}

#fool .bottomdiv .fool-dd span {
    display: inline-block;
    height: 10px;
    background: rgba(255,255,255,0.4);
    width: 2px;
    margin: 0 5px
}

#fool .bottomdiv .fool-dd p {
    font-size: 12px;
    color: rgba(255,255,255,0.4)
}

#fool .bottomdiv .fool-dd select {
    border-radius: 5px;
    background: transparent;
    color: #fff;
    height: 25px;
    margin-top: 5px;
    font-size: 12px;
    border: 1px solid rgba(255,255,255,0.6)
}

#fool .bottomdiv .fool-dd select option {
    color: #333
}

#fool .bottomdiv .fool-da p {
    font-size: 14px;
    color: rgba(255,255,255,0.8)
}

#fool .bottomdiv .fool-da p a {
    color: rgba(255,255,255,0.8)
}

#fool .bottomdiv .fool-da p span {
    display: inline-block;
    background: url(../images/Set/phone.png) no-repeat;
    background-size: cover;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    vertical-align: text-top;
    border-radius: 50%
}

.bootom .fool-dr {
    padding: 5px 0;
    border-top: none
}

.bootom .fool-dr p {
    text-align: center;
    color: rgba(255,255,255,0.4);
    font-size: 12px
}

.bdsabout {
    background: url(../images/content/team.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 312px
}

section.filter.smart .color-l {
    padding-top: 30px
}

section.filter.smart .color-l h3 {
    font-size: 14px;
    color: rgba(0,0,0,0.4)
}

section.filter.smart .color-l h1 {
    margin-top: 5px;
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000
}

section.filter.smart .color-l h1 span {
    color: #14baff;
    vertical-align: text-bottom;
    font-family: DIN-Bold;
    font-size: 28px
}

section.filter.smart .color-l p {
    width: 100%;
    opacity: .4;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 18px;
    margin: 0;
    padding-top: 475px;
    text-align: center
}

@media (max-width:390px) {
    section.filter.smart .color-l p {
        padding-top: 415px
    }
}

@media (max-width:320px) {
    section.filter.smart .color-l p {
        padding-top: 337px;
        font-size: 12px
    }
}

.smart01.afpad01 {
    padding: 50px 0 0
}

.smart01.afpad01 .color-l h3 {
    font-size: 14px;
    color: rgba(0,0,0,0.4)
}

.smart01.afpad01 .color-l h1 {
    margin: 5px 0 30px;
    ont-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000
}

.smart01.afpad01 .color-l h1 span {
    color: #14baff;
    vertical-align: text-bottom;
    font-family: DIN-Bold;
    font-size: 28px
}

.smart01.afpad01 .color-l p {
    width: 100%;
    opacity: .4;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0
}

.afpad02.smart02 {
    padding: 50px 0 25px
}

.afpad02.smart02 .color-l h3 {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    padding: 0
}

.afpad02.smart02 .color-l h1 {
    margin: 5px 0 30px;
    ont-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000;
    padding-bottom: 10px
}

.afpad02.smart02 .color-l h1 span {
    color: #14baff;
    vertical-align: text-bottom;
    font-family: DIN-Bold;
    font-size: 28px
}

.afpad02.smart02 .color-l p {
    padding-top: 10px;
    width: 100%;
    opacity: .4;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0
}

.afpad03 {
    padding: 25px 0
}

.afpad03 .color-l h3 {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    padding: 0;
    padding-bottom: 20px
}

.afpad03 .color-l h1 {
    margin: 0;
    padding-top: 0;
    ont-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000;
    padding-bottom: 10px
}

.afpad03 .color-l h1 span {
    color: #14baff;
    vertical-align: text-bottom;
    font-family: DIN-Bold;
    font-size: 28px
}

.afpad04 {
    padding: 25px 0
}

.afpad04 .color-l h3 {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    padding: 0;
    line-height: 18px
}

.afpad04 .color-l h1 {
    margin: 0;
    padding-top: 0;
    ont-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000;
    padding-bottom: 20px
}

.afpad04 .color-l h1 span {
    color: #14baff;
    vertical-align: text-bottom;
    font-family: DIN-Bold;
    font-size: 30px
}

.afpad04 .color-l p {
    padding-top: 25px;
    width: 100%;
    opacity: .4;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0
}

.afpad05 {
    padding: 25px 0
}

.afpad05 .color-l h3 {
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    padding: 0;
    padding-top: 0
}

.afpad05 .color-l h1 {
    margin: 5px 0 0;
    ont-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000;
    padding-bottom: 20px
}

.afpad05 .color-l h1 span {
    color: #14baff;
    vertical-align: text-bottom;
    font-family: DIN-Bold;
    font-size: 28px
}

.afpad05 .color-l p {
    text-align: center;
    padding-top: 20px;
    width: 100%;
    opacity: .4;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0
}

.afpad06 .color-l {
    padding-top: 30px
}

.afpad06 .color-l a {
    display: inline
}

.appad .color-l .appadd-title h1 {
    font-size: 20px;
    color: #000;
    letter-spacing: 0;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 20px
}

.appad .color-l .appadd-titles {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 10px
}

.appad .color-l .appadd-titles h3 {
    padding: 0;
    text-align: left;
    font-size: 14px;
    color: #000;
    letter-spacing: 0
}

.appad .color-l .appadd-content {
    padding-top: 10px;
    text-align: center
}

.appad .color-l .appadd-content img {
    width: 100%
}

.appad01 .color-l .appadd-title h1 {
    font-size: 20px;
    color: #000;
    letter-spacing: 0;
    text-align: left;
    padding-top: 12px;
    padding-bottom: 0
}

.appad01 .color-l .appadd-titles {
    padding-top: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 10px
}

.appad01 .color-l .appadd-titles h3 {
    padding: 0;
    text-align: left;
    font-size: 14px;
    color: #000;
    letter-spacing: 0
}

.appad01 .color-l .appadd-content {
    padding: 10px 0
}

a.alik {
    text-decoration: none;
    color: #50d2f9;
    font-size: 12px
}

.items {
    padding: 20px 0
}

.items .imga {
    position: relative;
    display: block
}

.items .imga span {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(../images/video/play.png) no-repeat center;
    background-size: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px
}

.items .imga .shade {
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute
}

.items h3 {
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    margin: 10px 0 5px
}

.items p {
    font-size: 14px;
    color: rgba(0,0,0,0.6);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.items img {
    width: 100%
}

.video02 .title h2 {
    font-size: 24px;
    text-align: center;
    color: #000;
    margin: 15px 0 10px
}

@media (max-width:320px) {
    .video02 .title h2 {
        font-size: 22px
    }
}

.video02 .context p {
    padding: 10px 0
}

.maps .pro-w {
    min-height: 132px
}

.maps .pro-w h5 {
    text-align: center;
    font-size: 16px
}

.maps .pro-w ul {
    text-align: center;
    list-style: none
}

.maps .pro-w ul li a {
    display: block;
    padding: 8px 0
}

.index-s {
    padding: 0 15px !important
}

.index-s a:link,.index-s a:visited,.index-s a:active {
    text-decoration: none
}

.index-s a div {
    background: #fff;
    box-shadow: 0 10px 40px rgba(200,200,200,0.6)
}

.index-s .mks {
    margin: 15px 0 0
}

.index-s .mks img {
    width: 100%
}

.index-s a div p {
    text-align: center;
    font-size: 12px;
    color: #999;
    letter-spacing: 1px;
    padding: 5% 0
}

section.coopersection {
    padding: 20px 0;
    background-image: linear-gradient(-180deg, #fcfcfc 0, #fff 100%)
}

section.coopersection .context p {
    line-height: 23px
}

@media (max-width:767px) {
    .col6 {
        width: 197px
    }
}

@media (max-width:390px) {
    .col6 {
        width: 177px
    }
}

@media (max-width:320px) {
    .col6 {
        width: 150px
    }
}

.col6 .appadd-xl {
    text-align: left
}

.pro1s {
    padding: 30px 0
}

.col-sr {
    padding: 0 8px
}

.rows {
    margin: 0 -8px
}

.hdsmain {
    overflow-x: auto
}

.hdsmain .hds {
    padding-bottom: 0 !important
}

@media (max-width:767px) {
    .hdsmain .hds {
        width: 606px
    }
}

@media (max-width:390px) {
    .hdsmain .hds {
        width: 541px
    }
}

@media (max-width:320px) {
    .hdsmain .hds {
        width: 450px
    }
}

@media (max-width:767px) {
    .hdsmain .hds .windos {
        width: 606px
    }
}

@media (max-width:390px) {
    .hdsmain .hds .windos {
        width: 541px
    }
}

@media (max-width:320px) {
    .hdsmain .hds .windos {
        width: 450px
    }
}

.frespad02 .color-l p,.frespad01 .color-l p,.frespad .color-l p,.frespad02 .color-l h3,.frespad01 .color-l h3,.frespad .color-l h3,.frespad02 .color-l h1,.frespad01 .color-l h1,.frespad .color-l h1 {
    text-align: center
}

.frespad02 .color-l h1,.frespad01 .color-l h1,.frespad .color-l h1 {
    margin-bottom: 0;
    padding: 0
}

.frespad02 .color-l h3,.frespad01 .color-l h3,.frespad .color-l h3 {
    padding-top: 10px;
    padding-bottom: 20px
}

.frespad02 .color-l p,.frespad01 .color-l p,.frespad .color-l p {
    padding-top: 20px
}

.frespad-filt {
    padding-bottom: 0 !important
}

.frespad-filt .color-l h3 {
    padding: 5px 0;
    color: #000;
    line-height: 22px
}

.frespad-filt .color-l p {
    padding: 30px 0;
    line-height: 22px
}

.frespad-filt01,.frespad-filt02,.frespad-filt03,.frespad-filt04 {
    position: relative;
    background: url(../images/content/G4.png) no-repeat;
    width: 100%;
    height: 388px;
    padding: 40px 0
}

.frespad-filt01 .zhezhao,.frespad-filt02 .zhezhao,.frespad-filt03 .zhezhao,.frespad-filt04 .zhezhao {
    width: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.frespad-filt01 .color-l h1,.frespad-filt02 .color-l h1,.frespad-filt03 .color-l h1,.frespad-filt04 .color-l h1,.frespad-filt01 .color-l p,.frespad-filt02 .color-l p,.frespad-filt03 .color-l p,.frespad-filt04 .color-l p {
    color: #fff
}

.frespad-filt01 .color-l p,.frespad-filt02 .color-l p,.frespad-filt03 .color-l p,.frespad-filt04 .color-l p {
    opacity: .8;
    padding: 30px 0;
    line-height: 22px
}

.frespad-filt01 .fresimg,.frespad-filt02 .fresimg,.frespad-filt03 .fresimg,.frespad-filt04 .fresimg {
    width: 60px;
    margin: 0 auto
}

.frespad-filt02 {
    background: url(../images/content/F9.png) no-repeat
}

.frespad-filt03 {
    background: url(../images/content/lvwang.png) no-repeat;
    background-size: cover
}

.frespad-filt03 .topdiv,.frespad-filt03 .bootdiv {
    padding: 40px 0
}

.frespad-filt03 .topdiv h3,.frespad-filt03 .bootdiv h3 {
    color: #fff
}

.frespad-filt04 {
    background: url(../images/content/ylv.png) no-repeat;
    background-size: cover;
    height: 560px;
    padding: 140px 0
}

.frespad-filt04 .color-l h1,.frespad-filt04 .color-l p {
    color: #000
}

.frespad-filt04 .color-l p {
    opacity: 1;
    padding: 18px 0;
    line-height: 22px
}

.frespad-filt05 {
    padding: 40px 0
}

.frespad-filt05 .color-l h1,.frespad-filt05 .color-l p {
    color: #000
}

.frespad-filt05 .color-l p {
    opacity: .8;
    padding: 20px 0;
    line-height: 22px
}

.frespad-filt05 .color-l .xhs p {
    padding: 5px 0
}

.frespad-filt06 {
    padding: 40px 0
}

.frespad-filt06 .color-l h1,.frespad-filt06 .color-l p {
    color: #000
}

.frespad-filt06 .color-l p {
    opacity: .8;
    padding: 10px 0;
    line-height: 22px;
    font-size: 12px;
    text-align: left
}

.frespad-filt06 .color-l .img-col {
    padding: 20px 0 30px
}

.frespad-filt06 .color-l .frespad-cols {
    padding: 15px 0
}

.frespad-filt06 .color-l .frespad-cols h4,.frespad-filt06 .color-l .frespad-cols p {
    line-height: 25px;
    text-align: center
}

.frespad-filt06 .color-l .frespad-cols p {
    margin-top: 15px
}

.frespad-filt07 .color-l .listdiv {
    background-image: linear-gradient(-180deg, #dde9f7 0, #fdfdfb 50%);
    padding: 30px;
    margin: 15px 0;
    max-height: 649px
}

.frespad-filt07 .color-l .listdiv h2 {
    font-size: 28px;
    text-align: center;
    line-height: 36px
}

.frespad-filt07 .color-l .listdiv span {
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    opacity: .4;
    margin: 10px 0
}

.frespad-filt07 .color-l .listdiv p {
    padding: 0
}

.frespad-filt07 .color-l .listdiv p.lp {
    color: #65a5f6;
    opacity: 1;
    padding-bottom: 5px
}

.frespad-filt07 .color-l .listdiv .img-filt0h {
    padding: 20px 0
}

.frespad-filt07 .color-l .listdiv .img-filt0h img {
    width: 100%
}

.frespad-filt07 .color-l .listdiv .img-filt08 {
    padding-top: 10px
}

.majors {
    background: url(../images/content/Bitmap.png) no-repeat;
    background-size: cover;
    height: 790px
}

.majors .color-l h1,.majors .color-l p,.majors .color-l h3 {
    color: #000;
    opacity: 1;
    padding: 0;
    text-align: center
}

.majors .color-l h1 {
    padding: 30px 0 10px
}

.majors .color-l p {
    line-height: 20px;
    padding-bottom: 30px
}

.majors .color-l .majors-cols {
    margin: 20px 0
}

.majors .color-l .majors-cols .majorsimg {
    width: 80px;
    margin: 0 auto;
    height: 84px
}

.majors-filt02,.majors-filt04 {
    background: url(../images/content/tvoc.jpg) no-repeat;
    background-size: cover;
    height: 600px
}

.majors-filt02 .color-l h1,.majors-filt04 .color-l h1,.majors-filt02 .color-l p,.majors-filt04 .color-l p {
    color: #fff;
    opacity: 1;
    padding: 0;
    text-align: center
}

.majors-filt02 .color-l h1,.majors-filt04 .color-l h1 {
    padding: 30px 0 10px
}

.majors-filt02 .color-l p,.majors-filt04 .color-l p {
    line-height: 20px;
    padding-bottom: 0
}

.majors-filt02 .color-l .majors-cols,.majors-filt04 .color-l .majors-cols {
    margin: 60px 0
}

.majors-filt02 .color-l .majors-cols .majorsimg,.majors-filt04 .color-l .majors-cols .majorsimg {
    width: 80px;
    margin: 30px auto;
    height: 84px
}

.majors-filt02 .color-l .img-filt0h,.majors-filt04 .color-l .img-filt0h {
    padding: 20px 0
}

.majors-filt02 .color-l .img-filt08,.majors-filt04 .color-l .img-filt08 {
    padding-top: 10px
}

.majors-filt03 {
    height: 610px
}

.majors-filt03 .color-l h1 {
    padding: 30px 0 0
}

.majors-filt03 .color-l h3 {
    padding: 5px 0 20px
}

.majors-filt04 {
    background: url(../images/content/lv.jpg) no-repeat;
    background-size: cover;
    height: 600px
}

.majors-filt04 .color-l .majors-cols {
    margin: 35px 0
}

.water-filt {
    background: url(../images/content/mix.jpg) no-repeat;
    background-size: cover;
    height: 1020px
}

.water-filt .color-l .row {
    margin-bottom: 120px
}

.water-filt .color-l .majors-cols {
    margin: 40px 0
}

.water-filt .color-l .majors-cols .majorsimg {
    width: 80px;
    margin: 30px auto;
    height: 84px
}

.water-filt .color-l .majors-cols4 .majorsimg {
    height: 100%
}

.water-filt02 {
    background: url(../images/content/shui.jpg) no-repeat;
    background-size: cover;
    height: 430px
}

.water-filt02 .color-l .majors-cols {
    margin: 40px 0
}

.water-filt02 .color-l .majors-cols .majorsimg {
    width: 80px;
    margin: 30px auto;
    height: 70px
}

.majors .color-l img {
    height: 100%
}

.fresindex {
    padding-bottom: 0 !important
}

.fresindex h1 {
    font-size: 24px
}

@media (max-width:320px) {
    .fresindex h1 {
        font-size: 22px
    }
}

.fresindex .shuju .col1 h3,.fresindex .shuju .col1 p {
    text-align: center;
    padding: 0
}

.fresindex .shuju .col1 h3 {
    color: #25BB8A
}

.fresindex .tups {
    margin: 20px 128px 0
}

@media (max-width:390px) {
    .fresindex .tups {
        margin: 20px 108px 0
    }
}

@media (max-width:320px) {
    .fresindex .tups {
        margin: 20px 94px 0
    }
}

.fresindex02 h3 {
    font-size: 12px;
    margin: 0;
    color: rgba(0,0,0,0.4)
}

.fresindex02 h3 span {
    display: inline-block;
    background: url(../images/content/sicon.png) no-repeat;
    background-size: contain;
    width: 63px;
    height: 11px;
    margin: 0
}

.fresindex02 h1 {
    font-size: 24px;
    text-align: center;
    margin: 10px 0;
    font-weight: 600
}

.fresindex02 .context {
    padding-bottom: 20px;
    margin-top: 20px
}

.fresindex02 .context p {
    text-align: center;
    color: rgba(0,0,0,0.4)
}

.fresindex02 .bootomdiv {
    padding: 20px 15px
}

.fresindex02 .bootomdiv p,.fresindex02 .bootomdiv h4 {
    text-align: center
}

.fresindex02 .bootomdiv h4 {
    padding-top: 10px;
    opacity: .3;
    font-size: 16px;
    color: #000;
    line-height: 42px
}

.fresindex03 {
    background: url(http://airproce.oss-cn-beijing.aliyuncs.com/20190124/phone/bjfres.png) no-repeat;
    background-size: cover
}

.fresindex03 h1 {
    font-size: 24px;
    text-align: center;
    margin: 10px 0
}

.fresindex03 h1,.fresindex03 p,.fresindex03 h3 {
    color: #fff;
    text-align: center
}

.fresindex03 h3 {
    color: #fff
}

.fresindex03 .dnuber p {
    text-align: center
}

.fresindex03 .dnuber p span {
    line-height: 2;
    opacity: 1;
    font-size: 100px;
    font-family: "DIN-Regular"
}

@media (max-width:390px) {
    .fresindex03 .dnuber p span {
        font-size: 100px
    }
}

@media (max-width:320px) {
    .fresindex03 .dnuber p span {
        font-size: 76px
    }
}

.fresindex03 .dnuber p b {
    line-height: 2;
    opacity: 1;
    font-size: 50px
}

@media (max-width:320px) {
    .fresindex03 .dnuber p b {
        font-size: 76px
    }
}

.fresindex03 .xwenzi {
    margin: 0 0 86px
}

.fresindex03 .xwenzi p {
    opacity: .8
}

.fresindex03 .context p {
    color: #fff
}

.fresindex04 {
    background: url(http://airproce.oss-cn-beijing.aliyuncs.com/20190124/phone/jinhua.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px 0;
    height: 635px
}

@media (max-width:390px) {
    .fresindex04 {
        height: 602px
    }
}

@media (max-width:320px) {
    .fresindex04 {
        height: 504px
    }
}

.fresindex04 p,.fresindex04 h1,.fresindex04 h3 {
    text-align: center
}

.fresindex04 h1,.fresindex04 h3 {
    font-size: 24px;
    padding: 0
}

@media (max-width:320px) {
    .fresindex04 h1,.fresindex04 h3 {
        font-size: 22px
    }
}

.fresindex04 h3 {
    color: #000;
    margin-bottom: 5px;
    font-size: 24px
}

@media (max-width:320px) {
    .fresindex04 h3 {
        font-size: 22px;
        margin-top: 5px
    }
}

.fresindex04 h3 span {
    width: 119px;
    height: 21px
}

@media (max-width:390px) {
    .fresindex04 h3 span {
        width: 136px;
        height: 24px
    }
}

@media (max-width:320px) {
    .fresindex04 h3 span {
        width: 108px;
        height: 20px
    }
}

.fresindex04 h1 {
    margin-bottom: 30px
}

.fresindex04 p {
    opacity: 1;
    font-size: 12px;
    margin-bottom: 5px
}

.fresindex05 {
    background: url(http://airproce.oss-cn-beijing.aliyuncs.com/20190124/phone/jiegou.png) no-repeat;
    background-size: cover;
    background-position: center;
    height: 650px
}

@media (max-width:390px) {
    .fresindex05 {
        height: 399px
    }
}

@media (max-width:320px) {
    .fresindex05 {
        height: 340px
    }
}

.fresindex05 h3 {
    margin-bottom: 0
}

.one-in p.stext {
    width: inherit;
    text-align: center
}

.one-in a {
    width: inherit;
    text-align: center;
    display: inline-block
}

.adiv {
    text-align: center
}

.fresindex06 {
    background: url(../images/content/freshair/Group44.png) no-repeat;
    background-size: contain;
    height: 502px
}

@media (max-width:390px) {
    .fresindex06 {
        height: 453px
    }
}

@media (max-width:320px) {
    .fresindex06 {
        height: 387px
    }
}

.fresindex06 h3 {
    margin-bottom: 0
}

.fresindex06 p {
    text-align: center;
    color: rgba(0,0,0,0.4);
    margin-top: 270px
}

@media (max-width:390px) {
    .fresindex06 p {
        margin-top: 240px
    }
}

@media (max-width:320px) {
    .fresindex06 p {
        margin-top: 180px
    }
}

.fresindex06 .context {
    margin-top: 20px;
    text-align: center
}

.fresindex06 .context p {
    margin-bottom: 40px
}

.fresindex06 .context a {
    color: #25BB8A;
    display: inline-block;
    font-size: 14px
}

@media (max-width:320px) {
    .fresindex06 .context a {
        font-size: 12px
    }
}

.fresindex07 {
    padding: 30px 0
}

.fresindex07 .padingtop {
    padding-top: 30px;
    padding-bottom: 30px
}

.fresindex08 {
    background: #222;
    padding: 30px 0
}

.fresindex08 h1,.fresindex08 p {
    color: #fff
}

.fresindex08 .context p {
    color: #fff
}

.fresindex08 .padingtop {
    text-align: center
}

.fresindex08 .padingtop a {
    color: #14baff;
    cursor: pointer;
    margin-top: 15px;
    display: inline-block
}

@media (max-width:320px) {
    .fresindex08 .padingtop a {
        font-size: 12px
    }
}

.fresindex08 .padingtop p {
    text-align: center;
    font-size: 10px;
    margin-bottom: 15px;
    color: rgba(255,255,255,0.39)
}

.fresindex09 {
    background: url(../images/content/freshair/fj.png) no-repeat;
    background-size: 100%;
    height: 470px;
    margin-left: -1px
}

.fresindex09 h3 {
    color: rgba(255,255,255,0.4)
}

.fresindex09 h1 {
    color: #fff;
    margin-bottom: 260px;
}

.fresindex09 span {
    display: inline-block;
    height: 2px;
    width: 60px;
    background: #14baff
}

.fresindex09 .colxsdiv {
    padding: 25px 0;
    text-align: center;
}

@media (max-width:390px) {
    .fresindex09 .colxsdiv {
        padding: 15px 0
    }
}

@media (max-width:320px) {
    .fresindex09 .colxsdiv {
        padding: 10px 0
    }
}

.fresindex09 .colxsdiv h2 {
    color: #fff;
    margin: 0;
    text-align: center;
}

.fresindex09 .colxsdiv p {
    color: rgba(255,255,255,0.8);
    opacity: 1
}

.fresindex10 .img-div {
    margin: 15px 0
}

.fresindex11 {
    padding: 20px 0 0
}

.fresindex11 .two-in h3 {
    padding: 0
}

.fresindex12 {
    background: url(../images/content/freshair/fres12.png) no-repeat;
    background-size: contain;
    height: 438px
}

@media (max-width:390px) {
    .fresindex12 {
        height: 397px
    }
}

@media (max-width:320px) {
    .fresindex12 {
        height: 339px
    }
}

.fresindex12 h1,.fresindex12 h3,.fresindex12 p {
    color: #fff;
    font-family: PingFangSC-Medium
}

.fresindex12 h3 {
    font-size: 18px;
    padding-top: 28px
}

.fresindex12 p {
    text-align: center
}

.fresindex12 .context {
    margin: 190px 0 14px
}

@media (max-width:390px) {
    .fresindex12 .context {
        margin: 145px 0 5px
    }
}

@media (max-width:320px) {
    .fresindex12 .context {
        margin: 105px 0 0
    }
}

.fresindex12 .context p {
    color: #fff;
    opacity: 1
}

.fresindex13 {
    background: url(../images/content/freshair/sj.png) no-repeat;
    background-size: contain;
    height: 569px;
    padding: 0
}

@media (max-width:390px) {
    .fresindex13 {
        height: 515px
    }
}

@media (max-width:320px) {
    .fresindex13 {
        height: 439px
    }
}

.fresindex13 h3 {
    font-size: 12px
}

.fresindex13 .context p {
    font-size: 14px;
    line-height: 24px
}

.fresindex14 {
    background: url(../images/content/freshair/5627d59411fcb.png) no-repeat;
    background-size: contain;
    height: 249px;
    margin-left: -1px
}

@media (max-width:390px) {
    .fresindex14 {
        height: 226px
    }
}

@media (max-width:320px) {
    .fresindex14 {
        height: 193px
    }
}

.fresindex14 .context {
    padding: 72px 0;
    text-align: center
}

@media (max-width:390px) {
    .fresindex14 .context {
        padding: 54px 0
    }
}

@media (max-width:320px) {
    .fresindex14 .context {
        padding: 36px 0
    }
}

.fresindex14 .context p {
    font-size: 14px;
    color: #fff;
    line-height: 42px
}

.fresindex15 {
    background-size: contain;
    height: auto
}

@media (max-width:390px) {
    .fresindex15 {
        height: auto
    }
}

@media (max-width:320px) {
    .fresindex15 {
        height: auto
    }
}

@media (max-width:320px) {
    .fresindex15 h3 {
        padding-top: 30px
    }
}

@media (max-width:320px) {
    .fresindex15 h3 {
        padding-top: 28px
    }
}

.fresindex15 .context {
    text-align: center;
    padding-bottom: 20px;
    margin-top: 305px
}

@media (max-width:390px) {
    .fresindex15 .context {
        margin-top: 240px
    }
}

@media (max-width:320px) {
    .fresindex15 .context {
        margin-top: 204px
    }
}

.fresindex15 .context h2 {
    text-align: center
}

@media (max-width:320px) {
    .fresindex15 .context h2 {
        font-size: 14px;
        margin-bottom: 4px
    }
}

@media (max-width:320px) {
    .fresindex15 .context p {
        font-size: 12px
    }
}

.fresindex16 {
    background: url(../images/content/freshair/install3.png) no-repeat;
    background-size: contain;
    height: 438px;
    padding: 30px 0;
    margin-left: -1px
}

@media (max-width:390px) {
    .fresindex16 {
        height: 397px
    }
}

@media (max-width:320px) {
    .fresindex16 {
        height: 339px
    }
}

.fresindex17 .context {
    padding-bottom: 30px
}

.fresindex17 .context h2 {
    text-align: center
}

.fresindex18 .context p {
    text-align: inherit
}

section.filter {
    position: relative;
    padding: 0 !important;
    background: #fafafa;
}

section.filter .color-l {
    position: absolute;
    top: 0
}

section.filter .color-l h1 {
    font-family: PingFangSC-Medium,Microsoft YaHei;
    font-size: 24px;
    color: #000;
    margin: 0;
    margin-top: 40px
}

@media (max-width:320px) {
    section.filter .color-l h1 {
        font-size: 22px
    }
}

section.filter .color-l h3 {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #a0a0a0;
    letter-spacing: 0;
    padding: 0;
    padding-top: 5px
}

section.filter .color-l p {
    padding: 20px 0 0;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0,0,0,0.6);
    line-height: 24px;
    text-align: inherit
}

@media (max-width:320px) {
    section.filter .color-l p {
        padding: 9px 0 0;
        font-size: 12px
    }
}

section.filter02 .color-l h1 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #fff
}

@media (max-width:320px) {
    section.filter02 .color-l h1 {
        font-size: 22px
    }
}

section.filter02 .color-l p {
    padding: 20px 0 0;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(255,255,255,0.9);
    line-height: 24px;
    text-align: inherit
}

@media (max-width:320px) {
    section.filter02 .color-l p {
        padding: 9px 0 0;
        font-size: 12px
    }
}

section.filter04 .color-l {
    position: inherit
}

section.freshair .color-l {
    position: inherit;
    margin-bottom: 100px
}

section.freshair01 .color-l p {
    color: rgba(255,255,255,0.6)
}

section.freshair02 .color-l {
    top: 0;
    left: inherit;
    margin-left: 0;
    margin-top: 0;
    transform: translate(0,0);
}

@media (max-width:320px) {
    section.freshair02 .color-l {
        top: 0;
        left: inherit;
        margin-left: 0;
        margin-top: 0;
        transform: translate(0,0);
    }
}

section.freshair02 .color-l p {
    color: #fff
}


section.freshair03 .color-l .stext {
    margin-bottom: 30px
}

section.freshair03 .color-l .filtertw {
    margin: 10px 0
}

section.freshair03 .color-l .filtertw .stext {
    margin-bottom: 20px
}

section.freshair03 .color-l .filtertw span {
    display: block;
    background: url(../images/content/lvw/freshairsjx3.png) no-repeat;
    background-size: contain;
    width: 17px;
    height: 11px;
    margin: 0 auto
}

@media (max-width:320px) {
    section.freshair04 .color-l {
        margin-top: 267px
    }
}

section.majorsfil .color-l {
    margin-bottom: 0
}

section.majorsfil .color-l h3 {
    margin-bottom: 40px
}

.allroundcp .content-detail {
    margin-bottom: 30px
}

.allroundcp .er-in .shuju-l,.allroundcp .er-in .shuju {
    margin: 0 -35px 0 -5px;
    width: inherit
}

@media (max-width:390px) {
    .allroundcp .er-in .shuju-l,.allroundcp .er-in .shuju {
        margin: 0 -22px 0 -8px
    }
}

@media (max-width:320px) {
    .allroundcp .er-in .shuju-l,.allroundcp .er-in .shuju {
        margin: 0 -29px 0 -23px
    }
}

.allroundcp .er-in .shuju-l.shuju-h .col1 h3,.allroundcp .er-in .shuju .col1 h3 {
    color: inherit
}

.allroundcp .er-in .shuju-l.shuju-h .col1 h3 span,.allroundcp .er-in .shuju .col1 h3 span {
    font-size: 26px
}

@media (max-width:390px) {
    .allroundcp .er-in .shuju-l.shuju-h .col1 h3 span,.allroundcp .er-in .shuju .col1 h3 span {
        font-size: 23px
    }
}

@media (max-width:320px) {
    .allroundcp .er-in .shuju-l.shuju-h .col1 h3 span,.allroundcp .er-in .shuju .col1 h3 span {
        font-size: 18px
    }
}

.allroundcp span.span1 {
    display: inline-block;
    background-image: linear-gradient(0deg, #cbcbcb 0, #ebebeb 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.allroundcp span.span2 {
    display: inline-block;
    opacity: .8;
    background-image: linear-gradient(0deg, #cbcbcb 0, #ebebeb 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.allroundcp span.span3 {
    display: inline-block;
    opacity: .5;
    background-image: linear-gradient(0deg, #cbcbcb 0, #ebebeb 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%
}

.contentdiv {
    margin-top: 30px
}

.tvoc .contentdiv {
    margin-top: -55px
}

.tvoc .contentdiv h1 {
    font-family: PingFangSC-Medium;
    font-weight: 600;
    font-size: 24px;
    color: rgba(0,0,0,0.8);
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 20px
}

.tvoc .contentdiv p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 24px
}

.spread.allroundcp01 .spread-content p {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    letter-spacing: 0
}

.allroundcp02 .spread-content p {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    letter-spacing: 0
}

.allroundcp02 .conceal {
    margin-top: -150px
}

.allroundcp02 .conceal .titltemf {
    margin: 37px 0
}

.allroundcp02 .conceal .imgf9 {
    position: relative
}

.allroundcp02 .conceal .imgf9 .contenttext {
    position: absolute;
    width: 100%;
    top: 0
}

.allroundcp02 .conceal .imgf9 .contenttext h1 {
    margin-top: 40px;
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000;
    text-align: center
}

.allroundcp03 .allroundcpcont {
    position: relative !important
}

.allroundcp03 .allroundcpcont h3 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000
}

.allroundcp03 .allroundcpcont h5 {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    letter-spacing: 0;
    margin-bottom: 3px
}

.allroundcp03 .allroundcpcont p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #a4a4a4 !important;
    letter-spacing: 0;
    line-height: 20px
}

.allroundcp03 .allroundcpcont p span {
    font-size: 14px;
    display: initial;
    color: #0499ff
}

.allroundcp03 .allroundcpcont span.xianspans {
    display: block;
    width: 35px;
    height: 3px;
    background: #0499ff;
    margin: 10px auto
}

.allroundcp03 .allroundcpcont .allround-title {
    margin-bottom: 30px !important
}

.allroundcp03 .allroundcpcont .nfcicon {
    width: 60px;
    margin: 24px auto 30px
}

.allroundcp03 .allroundcpcont .nfcicon img {
    width: 100%
}

.allroundcp03 .allroundcpcont .content-allround p {
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #a4a4a4;
    letter-spacing: 0;
    line-height: 20px
}

.allroundcp04 {
    margin-top: 30px
}

.allroundcp04 .allroundcpcont {
    position: relative !important
}

.allroundcp04 .allroundcpcont h3 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000
}

.allroundcp04 .allroundcpcont h5 {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    letter-spacing: 0;
    margin-bottom: 3px
}

.allroundcp04 .allroundcpcont p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #a4a4a4 !important;
    letter-spacing: 0;
    line-height: 20px
}

.allroundcp04 .allroundcpcont p span {
    font-size: 14px;
    display: initial;
    color: #0499ff
}

.allroundcp04 .allroundcpcont span.xianspans {
    display: block;
    width: 35px;
    height: 3px;
    background: #0499ff;
    margin: 10px auto
}

.allroundcp04 .allroundcpcont .allround-title {
    margin-bottom: 30px !important
}

.allroundcp04 .allroundcpcont .nfcicon {
    width: 60px;
    margin: 24px auto 30px
}

.allroundcp04 .allroundcpcont .nfcicon img {
    width: 100%
}

.allroundcp05 .allroundcpcont h3 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000
}

.allroundcp05 .allroundcpcont h5 {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    letter-spacing: 0;
    margin-bottom: 3px
}

.allroundcp05 .allroundcpcont p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #a4a4a4 !important;
    letter-spacing: 0;
    line-height: 20px
}

.allroundcp05 .allroundcpcont p span {
    font-size: 14px;
    display: initial;
    color: #0499ff
}

.allroundcp05 .allroundcpcont span.xianspans {
    display: block;
    width: 35px;
    height: 3px;
    background: #0499ff;
    margin: 10px auto
}

.allroundcp05 .allroundcpcont .aallroundcp {
    text-align: center;
    position: absolute;
    width: 90%;
    bottom: -414px
}

@media (max-width:390px) {
    .allroundcp05 .allroundcpcont .aallroundcp {
        bottom: -344px
    }
}

@media (max-width:320px) {
    .allroundcp05 .allroundcpcont .aallroundcp {
        bottom: -269px
    }
}

.allroundcp05 .allroundcpcont .aallroundcp a {
    font-weight: 600;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #0499ff;
    letter-spacing: 1px
}

.allroundcp06 .allroundcpcont {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    padding: 0 !important;
    margin-left: -207px;
    margin-top: -20px
}

@media (max-width:390px) {
    .allroundcp06 .allroundcpcont {
        margin-left: -188px
    }
}

@media (max-width:320px) {
    .allroundcp06 .allroundcpcont {
        margin-left: -160px
    }
}

.allroundcp06 .allroundcpcont .allround-title {
    margin: 0 !important
}

.allroundcp06 .allroundcpcont .allround-title p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 20px
}

.allroundcp07 .allroundcpcont {
    position: relative !important
}

.allroundcp07 .allroundcpcont h3 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000
}

.allroundcp07 .allroundcpcont h5 {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    letter-spacing: 0;
    margin-bottom: 3px
}

.allroundcp07 .allroundcpcont p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #a4a4a4 !important;
    letter-spacing: 0;
    line-height: 20px
}

.allroundcp07 .allroundcpcont p span {
    font-size: 14px;
    display: initial;
    color: #0499ff
}

.allroundcp07 .allroundcpcont span.xianspans {
    display: block;
    width: 35px;
    height: 3px;
    background: #0499ff;
    margin: 10px auto
}

.allroundcp07 .allroundcpcont .allround-title {
    margin-bottom: 30px !important
}

.allroundcp07 .allroundcpcont .nfcicon {
    width: 60px;
    margin: 24px auto 30px
}

.allroundcp07 .allroundcpcont .nfcicon img {
    width: 100%
}

.medicalcp .banner-data {
    top: -30px;
    margin-top: -200px
}

.medicalcp .med-title {
    margin-left: -105px;
    margin-top: 30px
}

.medicalcp .med-title span.span1 {
    display: inline-block;
    background-image: linear-gradient(0deg, #36daa4 0, #25bb8a 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.medicalcp .med-title span.span2 {
    display: inline-block;
    opacity: .8;
    background-image: linear-gradient(0deg, #36daa4 0, #25bb8a 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.medicalcp .med-title span.span3 {
    display: inline-block;
    opacity: .5;
    background-image: linear-gradient(0deg, #36daa4 0, #25bb8a 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%
}

.medicalcp01 .allroundcpcont {
    position: absolute !important
}

.medicalcp02 .spread-back {
    height: 807px
}

@media (max-width:390px) {
    .medicalcp02 .spread-back {
        height: 748px
    }
}

@media (max-width:320px) {
    .medicalcp02 .spread-back {
        height: 610px
    }
}

.medicalcp02 .conceal {
    background: linear-gradient(-180deg, #36daa4 0, #25bb8a 100%);
    padding: 0 0 30px
}

.medicalcp02 .conceal img {
    margin: 0
}

.medicalcp02 .conceal .topconeal {
    position: absolute;
    top: 0;
    padding: 150px 20px;
    text-align: center;
    width: 100%
}

.medicalcp02 .conceal .topconeal h5 {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 0;
    margin-bottom: 3px
}

.medicalcp02 .conceal .topconeal h3 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #fff;
    line-height: 30px
}

.medicalcp02 .conceal .topconeal p {
    font-family: DIN-Regular;
    font-size: 80px;
    color: #fff;
    letter-spacing: -3px;
    line-height: 2
}

.medicalcp02 .conceal .conbottom-box {
    padding: 30px 20px 0
}

.medicalcp02 .conceal .conbottom-box p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 0;
    line-height: 24px
}

.medicalcp02 .conceal .conbottom-box .img-div {
    margin-top: 30px
}

.medicalcp02 .conceal .conbottom-box .context h3 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 0;
    margin-top: 20px
}

.medicalcp02 .conceal .conbottom-box .context p {
    margin-top: 20px
}

@media (max-width:390px) {
    .medicalcp03 .spread-back {
        height: 666px
    }
}

@media (max-width:320px) {
    .medicalcp03 .spread-back {
        height: 547px
    }
}

.medicalcp03 .conceal {
    background: linear-gradient(-180deg, #36daa4 0, #25bb8a 100%)
}

.medicalcp03 .conceal p {
    color: rgba(255,255,255,0.8)
}

.medicalcp04 .spread-back {
    height: 727px
}

@media (max-width:390px) {
    .medicalcp04 .spread-back {
        height: 659px
    }
}

@media (max-width:320px) {
    .medicalcp04 .spread-back {
        height: 610px
    }
}

.medicalcp04 .conceal {
    background: linear-gradient(-180deg, #36daa4 0, #25bb8a 100%)
}

.medicalcp04 .conceal p {
    color: rgba(255,255,255,0.8)
}

.medicalcp05 .allroundcpcont .allround-title h5 {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 0
}

.medicalcp05 .allroundcpcont .allround-title h3 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #fff
}

.medicalcp05 .allroundcpcont .allround-title p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: rgba(255,255,255,0.7) !important;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 400px
}

@media (max-width:390px) {
    .medicalcp05 .allroundcpcont .allround-title p {
        margin-top: 344px
    }
}

@media (max-width:320px) {
    .medicalcp05 .allroundcpcont .allround-title p {
        margin-top: 266px
    }
}

.medicalcp06 .allroundcpcont {
    position: relative !important
}

.medicalcp06 .allroundcpcont .allround-title h3 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #000
}

.medicalcp06 .allroundcpcont .allround-title .medcp05 {
    margin-top: 30px;
    text-align: center
}

.majorscp .banner-data {
    top: -30px;
    margin-top: -300px
}

.majorscp .med-title {
    margin-left: -80px;
    margin-top: 30px
}

.majorscp .med-title span.span1 {
    display: inline-block;
    background-image: linear-gradient(0deg, #eeda95 0, #bdb186 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.majorscp .med-title span.span2 {
    display: inline-block;
    opacity: .8;
    background-image: linear-gradient(0deg, #eeda95 0, #bdb186 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.majorscp .med-title span.span3 {
    display: inline-block;
    opacity: .5;
    background-image: linear-gradient(0deg, #eeda95 0, #bdb186 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%
}

.majorscp02 .spread-back {
    height: 727px
}

@media (max-width:390px) {
    .majorscp02 .spread-back {
        height: 659px
    }
}

@media (max-width:320px) {
    .majorscp02 .spread-back {
        height: 610px
    }
}

.majorscp02 .conceal {
    background: linear-gradient(-180deg, #e7cf94 0, #a07d4d 100%);
    margin-top: -120px
}

.majorscp02 .conceal .conbottom-box p {
    margin-bottom: 30px
}

.majorscp02 .conceal .conbottom-box .contentdiv h1 {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 0;
    line-height: 24px
}

.majorscp02 .conceal .conbottom-box .contentdiv p {
    margin: 0
}

.majorscp02 .conceal .conbottom-box .contentdiv .img-div {
    margin: 30px 0
}

.majorscp03 .conceal,.majorscp04 .conceal {
    background: linear-gradient(-180deg, #e7cf94 0, #a07d4d 100%)
}

.watercptop .allroundcpcont .allround-title {
    margin: 0
}

.watercptop .allroundcpcont .allround-title h3 {
    font-family: PingFangSC-Medium;
    font-size: 28px;
    color: #000
}

.watercptop .allroundcpcont .allround-title p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0,0,0,0.4) !important;
    margin-top: 5px
}

.watercptop .allroundcpcont .allround-title span.span1 {
    display: inline-block;
    background-image: linear-gradient(0deg, #23bfff 0, #69d0f4 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.watercptop .allroundcpcont .allround-title span.span2 {
    display: inline-block;
    opacity: .8;
    background-image: linear-gradient(0deg, #23bfff 0, #69d0f4 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: -9px
}

.watercptop .allroundcpcont .allround-title span.span3 {
    display: inline-block;
    opacity: .5;
    background-image: linear-gradient(0deg, #23bfff 0, #69d0f4 100%);
    width: 10px;
    height: 10px;
    border-radius: 100%
}

.watercptop1 .allroundcpcont {
    margin-bottom: 30px
}

.watercptop1 .allroundcpcont .allround-title .img-div {
    width: 69px;
    margin: 0 auto
}

.watercptop1 .allroundcpcont .context p {
    margin-top: 30px
}

.watercp .med-title {
    margin-left: -89px;
    top: 30px
}

.watercp .med-title h3 span {
    font-family: "DIN-Bold";
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
    margin-right: 5px
}

.watercp00 .medcp05 {
    margin: 30px 0
}

.watercp00 .medcp05 img {
    margin-bottom: 30px
}

.watercp00 .medcp05 p {
    text-align: initial
}

.watercp00 .allroundcpcont .allround-title {
    margin-bottom: 0
}

.watercp010 .listcont {
    padding: 0 20px;
    position: relative;
    margin-top: -15%;
    z-index: 99
}

.watercp010 .listcont .contentsim {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    padding: 17px;
    margin: 15px 0
}

.watercp010 .listcont .contentsim .conleft {
    float: left;
    width: 100px
}

.watercp010 .listcont .contentsim .conleft img {
    margin: 0
}

.watercp010 .listcont .contentsim .conreight {
    margin-left: 118px
}

.watercp010 .listcont .contentsim .conreight h3 {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    margin-bottom: 15px
}

.watercp010 .listcont .contentsim .conreight p {
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: rgba(0,0,0,0.3);
    letter-spacing: 0;
    line-height: 18px
}

.watercp01 .allroundcpcont .allround-title {
    margin-bottom: 0
}

.watercp01 .allroundcpcont .allround-title h3 {
    color: #000
}

.watercp01 .allroundcpcont .allround-title p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: rgba(0,0,0,0.4) !important;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 267px;
    text-align: initial
}

@media (max-width:390px) {
    .watercp01 .allroundcpcont .allround-title p {
        margin-top: 215px
    }
}

@media (max-width:320px) {
    .watercp01 .allroundcpcont .allround-title p {
        font-size: 12px;
        margin-top: 159px
    }
}

.watercp02 .conceal,.watercp03 .conceal,.watercp04 .conceal,.watercph13 .conceal {
    background: linear-gradient(-180deg, #4ddbf5 0, #149bd4 100%)
}

.watercph13 .conceal p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 0;
    line-height: 24px
}

.watercpmix .conceal {
    margin-top: -35%
}

.watercp02 .spread-back {
    height: 689px
}

@media (max-width:390px) {
    .watercp02 .spread-back {
        height: 638px
    }
}

@media (max-width:320px) {
    .watercp02 .spread-back {
        height: 542px
    }
}

.watercp02 .conceal p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    letter-spacing: 0;
    line-height: 24px
}

.watercp02 .conceal .imgtexth {
    position: relative
}

.watercp02 .conceal .imgtexth h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -71px;
    margin-top: -13px;
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0
}

.hdpcp {
    margin-bottom: 30px
}

.hdpcp .imgrcp .img-div {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: all .5s ease
}

.hdpcp .imgrcp .img-div.active {
    position: relative;
    z-index: 1;
    opacity: 1
}

.hdpcp .allroundcpcont {
    position: absolute !important
}

.hdpcp .ahdpcp {
    padding: 20px 20px 30px
}

.hdpcp .ahdpcp ul li {
    width: 25%;
    float: left
}

.hdpcp .ahdpcp ul li a {
    display: inline-block;
    width: 100%
}

.hdpcp .ahdpcp .hudong {
    padding: 0 20px;
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,0.1);
    margin-top: 10px;
    position: relative
}

.hdpcp .ahdpcp .hudong span {
    display: inline-block;
    background: #979797;
    height: 2px;
    width: 25%;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    transition: all .5s ease
}

.hdpcp .context {
    position: relative;
    padding: 0 20px 30px;
    min-height: 122px
}

.hdpcp .context .textcons {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .5s ease
}

.hdpcp .context .textcons h3 {
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px
}

.hdpcp .context .textcons p {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    line-height: 24px
}

.hdpcp .context .textcons.active {
    position: relative;
    opacity: 1
}

.hdpcp .aliks {
    text-align: center
}

.hdpcp .aliks a {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #0499ff;
    letter-spacing: 1px
}

.video-bg {
    width: 100%
}

.hzanl {
    background: url(../images/content/banner.jpg) no-repeat;
    background-size: cover
}

.videodivbox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    display: none
}

.videodivbox .videobj {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.66)
}

.videodivbox .videomain {
    position: absolute;
    top: 50%;
    padding: 20px;
    margin-top: -128px
}

.video-top {
    width: 100%
}

.fresvideo.tups {
    width: 100%;
    margin: 0 auto 0
}

.allroundtups.tups {
    width: 100%;
    margin: 50px auto 0
}

.a {
    cursor: pointer
}

.bagbcs {
    text-shadow: none;
    bottom: inherit;
    left: 50%;
    margin-left: -150px;
    top: 15px;
    right: inherit
}

@media (max-width:390px) {
    .bagbcs {
        top: 0
    }
}

@media (max-width:320px) {
    .bagbcs {
        top: 0;
        margin-left: -127px
    }
}

.bagbcs h4 {
    color: #505050;
    font-size: 20px;
    text-align: left;
    margin-bottom: 3px
}

@media (max-width:320px) {
    .bagbcs h4 {
        font-size: 18px
    }
}

.bagbcs p {
    font-size: 12px;
    color: #777;
    text-align: left
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,0.4)
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: rgba(0,0,0,0.4)
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: rgba(0,0,0,0.4)
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: rgba(0,0,0,0.4)
}

.allroundcp-img {
    display: none
}

.allroundcp-img .banner-title {
    margin-top: 30px !important
}

.fresindex-img {
    display: none
}

.nav-list .ali {
    position: relative
}

.nav-list .ali span {
    font-size: 18px;
    position: absolute;
    right: 0;
    color: rgba(0,0,0,0.6);
    top: 10px;
    transition: all .5s ease
}

.nav-list .ali.opens span {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.nav-list .lisbox {
    display: none
}

.nav-list .lisbox ul {
    margin: 0 !important
}

.nav-list .lisbox ul li a {
    color: rgba(0,0,0,0.4) !important;
    font-size: 14px
}

.nav-list .lisbox ul li:last-child {
    border-bottom: none
}

.bottomin {
    padding: 0 !important
}

.listdiv {
    margin: 0 0 15px !important
}

.img-filt08 {
    width: 90%;
    margin: 0 auto
}

.maskcp .color-l {
    left: 50%;
    top: 50% !important;
    margin-top: -270px;
    margin-left: -77px
}

@media (max-width:390px) {
    .maskcp .color-l {
        margin-top: -240px
    }
}

@media (max-width:320px) {
    .maskcp .color-l {
        margin-top: -200px
    }
}

.maskcp .color-l p {
    font-size: 24px !important;
    color: #d6d7d7 !important;
    padding: 0 !important
}

.oncarcp .color-l p {
    color: #5e6060 !important
}

.maskmain {
    padding-bottom: 0
}

.form-col .input-text,.form-col .input-sel .search,.form-col .input-btn,.form-col .input-textar {
    margin: 10px 0
}

.form-col b {
    font-size: 12px;
    line-height: 2;
    display: none;
    color: #f00
}

.search-text h5 {
    text-align: center;
    margin: 20px
}

.bagbcsjhxl {
    top: inherit;
    bottom: 6%
}

.medicalcolor {
    background: linear-gradient(to top, #36daa4 0, #25bb8a 100%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.majorscolor {
    background: linear-gradient(to top, #eeda95 0, #bdb186 100%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.watercolor {
    background: linear-gradient(to top, #23bfff 0, #69d0f4 100%);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.search-text section:first-child {
    padding-bottom: inherit;
    padding: 15px 0
}/*# sourceMappingURL=Comm.css.map */