/* 大屏幕（大桌面显示器，大于等于 1300px） */



@media screen and (min-width:1380px) {

    .mobile,

    .ipad {

        display: none;

    }

    .product .pro-wrap .main {

        width: 1000px;

    }

}





/* 大屏幕（笔记本） */



@media only screen and (min-width: 1024px) and (max-width: 1380px) {

    .container {

        width: 940px;

    }

    .mobile,

    .ipad {

        display: none;

    }

    .head-top .right a {

        padding: 0;

    }

    #vivo-head .vivo-nav {

        width: 940px;

        height: auto;

        overflow: hidden;

    }

    .nav {

        margin-left: 0;

    }

    .nav li {

        padding: 35px 10px;

    }

    .nav li a {

        font-size: 14px;

    }

    .index01 .box-top h1 {

        font-size: 26px;

    }

    .index01 .box-top img {

        width: 150px;

    }

    .index01 .box-top .right .item {

        padding: 26px 0 26px 30px;

    }

    .index01 .box-bottom .list img {

        left: -10%;

    }

    .index01 .box-bottom .list {

        padding: 0 20px

    }

    .index02 .box {

        width: auto;

    }

    .index02 .swiper-button-prev {

        left: 20px;

    }

    .index02 .swiper-button-next {

        right: 20px;

    }

    .index02 .bottom li .pic img {

        width: 100%;

    }

    .index03 .left,

    .index03 .right {

        width: 100%;

    }

    .index03 .right .item {

        width: 50%;

        float: left;

        height: 153px;

    }

    .index03 .right .img {

        height: 153px;

    }

    .index03 .news-newtitwrap {

        width: 670px;

    }

    .index04 .container {

        width: 90%;

    }

    .foot ul {

        margin-right: 20px;

    }

    .foot .right .item img {

        width: 80px;

    }

    .course .left {

        width: 250px;

    }

    .course .left img {

        width: 100%;

    }

    .course .left .title {

        padding: 0;

    }

    .course .right {

        width: 670px;

    }

    .course .content {

        width: 660px;

    }

    .course .content .con-ggh {

        width: 660px;

    }

    .course .main {

        width: 670px;

    }

    .course .right .bbdr {

        float: left;

        margin-left: 10px;

        padding-left: 50px;

    }

    .course .content .lc {

        width: 600px;

    }

    .course .right .bbdr::before {

        left: 21px;

    }

    .about-video .img img {

        height: 200px;

    }

    .product .pro-wrap .right {

        width: 100%;

        margin-top: 30px;

    }

    .product .pro-wrap .right li {

        width: 15%;

    }

    .news-list01 .img img {

        height: 173px;

    }

    .news-list01 li {

        height: 278px;

    }

    .news-list02 .left span {

        font-size: 30px;

    }

    .news-list02 .left {

        margin-top: 30px;

    }

    .linian .item02 .txt {

        top: 20px;

    }

    .linian .item02 .txt .h1 {

        font-size: 24px;

        margin-bottom: 14px;

    }

    .linian .item02 .txt .h2 {

        font-size: 14px;

        line-height: 20px;

    }

    .lxfs .txt {

        margin: 0 20px;

    }

    .reveal-modal {

        margin-left: -470px;

        width: 940px;

    }

    .reveal-modal .input input {

        width: 100px;

    }

    .Form-J1-li textarea {

        width: 78%;

    }

    .anli li .img img {

        height: 158px;

    }

    .zhuanli li .img img {

        height: 264px;

    }

    .contact .cont-02 .box .erweima img {

        width: 100%;

    }

    .cont-03 .box01,

    .cont-03 .box02 {

        height: 300px;

    }

    .liuyan .input span {

        width: 25%;

    }

    .liuyan .input input {

        width: 70%;

    }

    .liuyan .yzm span {

        width: 18%;

    }

    .liuyan .yzm input {

        width: 20%;

    }

    .contact .cont-02 {

        height: 500px;

    }

    .contact .cont-02 .box .left,

    .contact .cont-02 .box .right {

        height: 380px;

    }

}





/* 中等屏幕（平板） */



@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .container {

        width: 90%;

    }

    .mobile {

        display: none;

    } 
    .pc-banner {
        display: block;
    }

    .pc {

        display: none;

    }
    .index02 .bottom .pc{
        display: block;
    }

    .ipad {

        display: block;

    }

    .logo {

        margin-top: 8px;

        width: 18%;

        float: left;

    }

    .logo img {

        width: 100%;

    }

    #vivo-head {

        top: 0;

        padding: 10px 0;

    }

    .nybanner {

        margin-top: 70px;
        height: 249px;
        background-size: 140% !important;

    }
    .ny-nav{
        top: 189px;
    }
    .nav {

        width: 80%;

        margin-left: 0;

        float: right;

    }

    #vivo-head .vivo-nav {

        height: auto;

        overflow: hidden;

        width: 90%;

    }

    .nav li a {

        font-size: 14px;

    }

    .nav {

        text-align: center;

    }

    .nav ul {

        display: inline-block;

    }

    .nav li {

        padding: 15px 10px;

    }

    .head-top .right a {

        padding: 0;

    }

    .vivo-nav .search-user {

        position: absolute;

        margin-top: 0;

        right: 0;

        top: 18px;

    }

    .vivo-search .search-box a.close {

        opacity: 1 !important;

    }

    .vivo-search .search-box input {

        width: 550px;

    }

    .vivo-search .search-box {

        width: 600px;

    }

    .flex {

        display: block;

    }

    .nav ul {

        float: none;

    }

    .index01 .box-top .left,

    .index01 .box-top .right {

        width: 100%;

    }

    .index01 {

        background-size: auto 100%;

        height: 1000px;

        padding: 60px 0;

    }

    .index01 .box-bottom .list .en {

        font-size: 28px;

    }

    .index01 .box-bottom .list p {

        font-size: 22px;

    }

    .index02 .box {

        width: 100%;

    }

    .index02 .bottom li .info .t {

        font-size: 16px;

    }

    .index03 .left {

        width: 100%;

    }

    .index03 .news-wrap {

        width: 24%;

    }

    .index03 .news-newtitwrap {

        width: 76%;

    }

    .index03 .right {

        width: 100%;

    }

    .index03 .right .img,

    .index03 .right .item {

        height: 213px;

    }

    .index04 .pc {

        display: none;

    }

    .index04 .list .img {

        width: 50%;

        float: left;

        height: 150px;

    }

    .index04 .list .img img {

        width: 100%;

    }

    .foot .foot-nav {

        display: none;

    }

    .foot .right .item img {

        width: 90px;

    }

    .jtjj-01 img {

        margin: 0;

        width: 100%;

    }

    .jtjj-01 .h1 {

        font-size: 62px;

    }

    .jtjj-01 .h2 {

        font-size: 30px;

    }

    .jtjj-02 .item .timer {

        font-size: 38px;

    }

    .accordion .link {

        height: 60px;

        line-height: 60px;

        font-size: 20px;

        background: #f1f1f1;

        margin-bottom: 2px;

        padding: 0 30px;

        position: relative;

    }

    .accordion li i {

        position: absolute;

        background: url(../images/as_03.png) center no-repeat;

        top: 20px;

        width: 20px;

        height: 20px;

        right: 32px;

        color: #595959;

        -webkit-transition: all 0.4s ease;

        -o-transition: all 0.4s ease;

        transition: all 0.4s ease;

    }

    .accordion li.open .link {

        color: #fff;

        background: #cd9c1b;

    }

    .accordion .open .submenu {

        display: block;

    }

    .accordion li.open i {

        background: url(../images/we_03.png) center no-repeat;

    }

    .accordion .submenu {

        color: #6c6c6c;

        line-height: 40px;

        padding: 20px 28px;

    }

    .accordion .right {

        float: right;

        margin-right: 50px;

    }

    .submenu {

        display: none;

        background: #fff;

        font-size: 14px;

        padding: 10px 0;

    }

    .submenu p {

        line-height: 30px;

        font-size: 14px;

        color: #5a5a5a;

    }

    .submenu span {

        margin-right: 170px;

    }

    .about-video .img img {

        height: 170px;

    }

    .ny-nav li {

        padding: 0 20px;

        font-size: 14px;

    }

    .product .pro-wrap .right {

        width: 100%;

        margin-top: 30px;

    }

    .product .pro-wrap .right li {

        width: 18.5%;

    }

    .product .pro-img img {

        width: 100%;

    }

    .news-list01 .img img {

        height: 150px;

    }

    .news-list01 li {

        height: 235px;

    }

    .news-list01 li .txt {

        padding: 15px;

        height: 85px;

    }

    .news-list01 li:hover .txt {

        height: 130px;

    }

    .news-list02 {

        margin-top: 20px;

    }

    .news-list02 .left span {

        font-size: 28px;

    }

    .news-detail .left {

        width: 100%;

        margin-bottom: 20px;

    }

    .news-detail .right {

        width: 100%;

    }

    .linian .item02 {

        width: 100%;

        margin-right: 0;

    }

    .item-wrap {

        margin-right: 0;

    }

    .lxfs .txt {

        margin: 0 20px;

        float: left;

    }

    .reveal-modal {

        margin-left: -40%;

        width: 80%;

    }

    .reveal-modal .input input {

        width: 48%;

    }

    .Form-J1-li textarea {

        width: 64%;

    }

    .reveal-modal .input b {

        display: none;

    }

    .reveal-modal .input img {

        height: 26px;

        width: 70px;

    }

    .reveal-modal .input span {

        width: 40%;

    }

    .anli li .img img {

        height: 130px;

    }

    .zhuanli li .img img {

        height: 210px;

    }

    .contact .cont-02 {

        background-size: auto 100%;

        height: 640px;

    }

    .contact .cont-02 .box .left,

    .contact .cont-02 .box .right {

        width: 100%;

    }

    .contact .cont-02 .box .right {

        height: 230px;

    }

    .cont-03 .box01,

    .cont-03 .box02 {

        height: 330px;

    }

    .cont-03 .left,

    .cont-03 .right {

        width: 100%;

        margin-bottom: 20px;

    }

    .liuyan .input span {

        width: 30%;

    }

    .liuyan .input input {

        width: 60%;

    }

    .liuyan .yzm span {

        width: 22%;

    }

    .liuyan .yzm input {

        width: 20%;

    }

    .liuyan .right .textarea span {

        width: 22%;

    }

    .liuyan .right textarea {

        width: 70%;

    }

    .pro01-main .pro-content {

        width: 80%;

    }

    .product .pro-wrap .main img {

        max-width: 100%;

    }
    .pc-banner{
        margin-top: 74px;
    }
    

}





/* 小屏幕（手机） */



@media only screen and (min-width: 320px) and (max-width: 768px) {

    .pc {

        display: none;

    }
    .pc-banner {
    display: none;
}

    .container {

        padding: 0 .2rem;

        overflow: hidden;

        width: auto;

    }

    .banner-phone {

        position: relative;

        margin-top: 1.1rem;display: block;

    }

    .banner-phone img {

        height: 3.5rem;

        width: 100%;

    }

    .m_img {

        display: block;

        height: 1.1rem;

        background: #fff;

        width: 100%;

        overflow: hidden;

        display: flex;

        align-items: Center;

        position: fixed;

        z-index: 99;

        top: 0;

        padding: 0 .2rem;

        -moz-box-shadow: 0px 4px 6px #d4d5d6;

        -webkit-box-shadow: 0px 4px 6px #d4d5d6;

        box-shadow: 0px 4px 6px #d4d5d6;

    }

    .m_img .headlf {

        float: left;

    }

    .m_img .headcent {

        float: left;

        margin-left: .2rem;

        color: #e61c42;

        font-size: .18rem;

        line-height: .3rem;

    }

    .m_img .headcent select {

        width: 1.2rem;

        height: .4rem;

        border: 0;

        appearance: none;

        -moz-appearance: none;

        -webkit-appearance: none;

        background: url('../images/arrow_06.jpg') 80% center no-repeat;

        background-size: .13rem;

        background-color: #e5e5e5;

        display: block;

        padding-left: .1rem;

        margin-left: .3rem;

    }

    .m_img .headlf .m_logo {

        height: .46rem;

        display: block

    }

    .m_img .headrg {

        position: absolute;

        right: .2rem;

    }

    .m_img .headrg a .m_menuimg {

        height: .35rem;

        width: .43rem;

        display: block

    }

    .m_nav {

        display: block;

        position: fixed;

        top: 0px;

        left: 0px;

        width: 0px;

        height: 0px;

        overflow: hidden;

        z-index: 10000

    }

    .m_nav .closecover {

        position: absolute;

        width: 100%;

        height: 100%;

        background: #0b0d19;

        filter: alpha(opacity=0);

        opacity: 0;

        left: 0px;

        top: 0px;

        z-index: 1

    }

    .m_nav .closeicon {

        position: absolute;

        width: 20%;

        left: 0;

        top: 5%;

        z-index: 100;

        text-align: center;

        filter: alpha(opacity=0);

        opacity: 0

    }

    .m_nav .m_navList {

        position: absolute;

        width: 80%;

        right: 0px;

        top: 0px;

        background: #0b0d19;

        height: 100%;

        z-index: 100;

        right: -80%;

        overflow-y: scroll;

    }

    .m_nav .m_navList ul {

        padding-left: 5%;

        padding-right: 5%

    }

    .m_nav .m_navList ul li {

        border-bottom: 1px solid #232530

    }

    .m_nav .m_navList ul li a {

        display: block;

        height: 45px;

        color: #fff;

        line-height: 45px;

        padding-left: 5%;

        font-size: 16px

    }

    .m_nav .m_navList ul li .m_f_a {

        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%

    }

    .m_nav .m_navList ul li .m_f_a a {

        flex: 1;

    }

    .m_nav .m_navList ul li .m_f_a i {

        width: 40px;

        height: 35px;

        box-sizing: border-box;

        padding: 0 5px;

        display: block;

    }

    .icon {

        background: url(../images/plus.png) 100% no-repeat;

        background-position: 50% 50%;

        -webkit-transition: all 0s;

        -moz-transition: all 0s;

        transition: all 0s

    }

    .icon_on {

        background: url(../images/reduce.jpg) 50% no-repeat!important;

        background-position: 50% 50%;

        -webkit-transition: all 0s;

        -moz-transition: all 0s;

        transition: all 0s

    }

    .m_nav .m_navList ul li .m_s_nav {

        display: none;

        width: 100%;

    }

    .m_nav .m_navList ul li .m_s_nav a {

        display: block;

        height: 40px;

        line-height: 40px;

        font-size: 14px;

        padding-left: 10%;

        overflow: hidden;

        white-space: nowrap;

        width: 90%;

        text-overflow: ellipsis;

    }

    .index01 {

        height: auto;

        padding: .3rem 0;

        background: url(../images/bg_21_21.jpg) no-repeat center top;

        background-size: auto 7.8rem;

    }

    .index01 .box-top .left {

        width: 100%;

    }

    .index01 .box-top h1 {

        font-size: .36rem;

        margin-bottom: .24rem;

        text-align: center;

        width: 100%;

        line-height: .8rem;

    }

    .index01 .box-top img {

        display: none;

    }

    .index01 .box-top .txt {

        font-size: .22rem;

        line-height: .4rem;

        text-indent: 2em;

    }

    .index01 .box-top .right {

        width: 100%;

    }

    .index01 .box-top .right .item {

        width: 50%;

        padding: .26rem 0 .26rem .5rem;

    }

    .index01 .item .number {

        font-size: .5rem;

    }

    .index01 .box-bottom .list {

        width: 100%;

        height: 3.8rem;

        padding-left: .3rem;

        margin-bottom: .2rem;

    }

    .index01 .box-bottom {

        margin-top: .8rem;

        overflow: hidden;

    }

    .index01 .box-bottom .list .en {

        font-size: .36rem;

        margin: 1.35rem 0 .1rem 0;

    }

    .index-title {

        margin: .6rem 0 .3rem 0;

    }

    .index-title p {

        font-size: .45rem;

        margin-bottom: .2rem;

    }

    .index-title span {

        font-size: .22rem;

        line-height: .4rem;

        padding: 0 .2rem;

    }

    .index02 .ico_list li {

        width: 1rem;

        padding: .12rem 0;

        margin-right: .4rem;

    }

    .index02 .box {

        width: 100%;

    }

    .index02 .swiper-container,

    .index02 .container {

        height: 5rem;

    }

    .index02 .bottom li .info .text {

        margin: .35rem .5rem;

    }

    .index02 .bottom li .info .t {

        font-size: .26rem;

        margin-bottom: .1rem;

    }

    .index02 .bottom ul {

        height: 1.8rem;

    }

    .index02 .zhezhao {

        height: 1.8rem;

    }

    .index02 .bottom li .info .d {

        font-size: .2rem;

        line-height: .3rem;

        max-height: .6rem;

    }

    .index03 .main {

        padding: .3rem;

    }

    .index03 .left {

        width: 100%;

    }

    .index03 .news-wrap {

        width: 100%;

    }

    .index03 .left a {

        width: 33.33%;

        float: left;

    }

    .index03 .news-newtitwrap {

        width: 100%;

    }

    .index03 .news-newtitwrap li {

        padding: .2rem;

    }

    .index03 .news-newtitwrap .title a {

        width: 72%;

        font-size: .24rem;

    }

    .index03 .news-newtitwrap .detail a {

        width: 100%;

    }

    .index03 .news-newtitwrap .bt {

        width: 72%;

        font-size: .24rem;

    }

    .index03 .right {

        width: 100%;

    }

    .index03 .right .img {

        height: 1.8rem;

    }

    .index03 .right .item {

        height: 1.8rem;

    }

    .foot-nav {

        display: none;

    }

    .foot .right {

        display: none;

    }

    .nybanner {

        background-size: 200% !important;

        height: 3rem;

        margin-top: 1.1rem;

    }

    .ny-nav {

        line-height: .7rem;

        background-color: rgba(236, 236, 236, 0.8);

        width: 100%;

        bottom: 0;

        height: auto;

        position: absolute;

        top: auto;

    }

    .ny-nav li {

        padding: 0 .2rem;

        font-size: .2rem;

    }

    .ny-nav .container {

        padding: 0;

    }

    .jtjj-01 {

        margin: .3rem 0;

    }

    .jtjj-01 .h1 {

        font-size: .7rem;

    }

    .jtjj-01 .h2 {

        font-size: .36rem;

        margin: .1rem 0 .2rem 0

    }

    .jtjj-01 p {

        font-size: .22rem;

        line-height: .4rem;

        margin-bottom: .2rem;

    }

    .jtjj-02 {

        display: none;

    }

    .accordion .link {

        height: .7rem;

        line-height: .7rem;

        font-size: .26rem;

        background: #f1f1f1;

        margin-bottom: 2px;

        padding: 0 .28rem;

        position: relative;

    }

    .accordion li i {

        position: absolute;

        background: url(../images/as_03.png) center no-repeat;

        top: .25rem;

        width: .19rem;

        height: .19rem;

        right: .32rem;

        color: #595959;

        -webkit-transition: all 0.4s ease;

        -o-transition: all 0.4s ease;

        transition: all 0.4s ease;

    }

    .accordion li.open .link {

        color: #fff;

        background: #cd9c1b;

    }

    .accordion .open .submenu {

        display: block;

    }

    .accordion li.open i {

        background: url(../images/we_03.png) center no-repeat;

    }

    .accordion .submenu {

        color: #6c6c6c;

        line-height: .4rem;

        padding: .2rem .28rem;

    }

    .accordion .right {

        float: right;

        margin-right: .5rem;

    }

    .submenu {

        display: none;

        background: #fff;

        font-size: 14px;

        padding: 10px 0;

    }

    .submenu p {

        line-height: 30px;

        font-size: 14px;

        color: #5a5a5a;

    }

    .submenu span {

        margin-right: 170px;

    }

    .about-video li {

        width: 47%;

    }

    .about-video .title {

        height: .6rem;

        line-height: .6rem;

        padding: 0 .2rem;

        font-size: .2rem;

    }

    .about-video .img img {

        height: 2rem;

    }

    .page {

        margin: .3rem 0;

    }

    .page .previous {

        height: .34rem;

        line-height: .34rem;

        width: 1.1rem;

        border-radius: .2rem;

        margin: 0 .1rem;

    }

    .page li a {

        height: .34rem;

        line-height: .34rem;

        width: .34rem;

    }

    .product .ny-nav li {

        padding: 0 .3rem;

    }

    .product .ny-nav {

        bottom: -1.4rem;

    }

    .product .nybanner {

        background-size: 140% !important;

        height: 2rem;

    }

    .product .pro-img {

        margin-top: 2rem;

        margin-bottom: .3rem;

    }

    .product .pro-wrap .right {

        width: 100%;

        margin: .2rem 0;

    }

    .product .pro-wrap .right li {

        width: 31.8%;

        font-size: .2rem;

    }

    .product .pro-wrap {

        margin-top: 0;

    }

    .product .pro-wrap .main {

        margin-top: .3rem;

    }

    .product .pro-wrap .main .h1 {

        font-size: .26rem;

        margin-bottom: .3rem;

    }

    .product .pro-wrap .main p {

        font-size: .2rem !important;

        line-height: .4rem !important;

    }

    .news-list01 .img img {

        height: 1.1rem;

    }

    .news-list01 li {

        height: auto;

    }

    .news-list01 li .txt {

        position: relative;

        height: auto;

        padding: .1rem .2rem;

    }

    .news-list01 .title {

        font-size: .2rem;

    }

    .news-list01 .date {

        font-size: .16rem;

    }

    .news {

        margin: .3rem 0;

    }

    .news-list02 li {

        padding: .3rem 0;

    }

    .news-list02 .left span {

        font-size: .3rem;

    }

    .news-list02 .left p {

        font-size: .2rem;

    }

    .news-list02 .right .title {

        font-size: .28rem;

        margin-bottom: .1rem;

    }

    .news-list02 .right .detail {

        line-height: .4rem;

        font-size: .2rem;

        margin-bottom: .1rem;

    }

    .news-list02 .right .more {

        color: #cd9c1b;

        font-size: .18rem;

    }

    .news-detail .left {

        width: 100%;

        margin-bottom: 20px;

    }

    .news-detail .right {

        width: 100%;

    }

    .news-detail .left .main {

        padding: .2rem;

    }

    .news-detail .left h1 {

        font-size: .3rem;

        margin-bottom: .16rem;
        text-align: center;

    }
    .news-detail .left .time{
        display:flex;
        justify-content: center;
    }
    .news-detail .left .time div{
        margin: 0 .2rem;
    }

    .news-detail .left .content p {

        font-size: .2rem !important;

        line-height: .4rem !important;

        margin-bottom: .2rem !important;

    }

    .news-detail .right .item {

        padding: .2rem;

        margin-bottom: .14rem;

    }

    .linian .item02 {

        width: 100%;

        margin-right: 0;

    }

    .item-wrap {

        margin-right: 0;

    }

    .linian .item02 .txt {

        top: .5rem;

        width: 90%;

        left: 5%;

    }

    .linian .item02 .txt .h1 {

        font-size: .26rem;

        margin-bottom: .2rem;

    }

    .linian .item02 .txt .h2 {

        font-size: .2rem;

        line-height: .4rem;

    }

    .linian .item02 .txt02 {

        top: .2rem;

    }

    .linian {

        margin: .3rem 0;

    }

    .lxfs {

        margin: .4rem 0;

    }

    .lxfs .txt {

        font-size: .22rem;

        margin: 0 .3rem;

        line-height: .4rem;

        float: left;

    }

    .lxfs .number {

        font-size: .22rem;

    }

    .zhaopin .zp-01 .h1 {

        font-size: .28rem;

        margin: .3rem 0;

    }

    .zhaopin .zp-01 .left {

        font-size: .2rem;

        line-height: .33rem;

    }

    .zhaopin .zp-01 .right {

        font-size: .2rem;

        line-height: .33rem;

    }

    .zhaopin .zp-01 {

        height: 4rem;

        background-size: auto 100%;

    }

    .zhaopin .account-l .dh {

        height: .55rem;

        line-height: .55rem;

        font-size: .22rem;

    }

    .zhaopin .accordion .link {

        height: .55rem;

        line-height: .55rem;

        font-size: .2rem;

    }

    .zhaopin .accordion .link span {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }

    .zhaopin .submenu p {

        line-height: .4rem;

        font-size: .2rem;

    }

    .zhaopin .account-l .tdjl {

        width: 1.6rem;

        height: .6rem;

        line-height: .6rem;

    }

    .reveal-modal {

        margin-left: -44%;

        width: 88%;

    }

    .reveal-modal .left,

    .reveal-modal .right {

        width: 100%;

    }

    .reveal-modal .input {

        height: .6rem;

        line-height: .6rem;

        padding-left: .2rem;

        margin-bottom: .12rem;

        width: 100%;

    }

    .reveal-modal .input span {

        width: 1.1rem;

    }

    .reveal-modal .input input {

        height: .6rem;

        line-height: .6rem;

    }

    .Form-J1-li {

        height: 1.5rem;

        padding: .1rem 0 .1rem .2rem;

        width: 100%;

        margin-bottom: .12rem;

    }

    .Form-J1-li textarea {

        width: 70%;

        height: 1.2rem;

    }

    .reveal-modal .input b {

        display: none;

    }

    .Form-J1-Btn {

        padding: .35rem 0 .35rem;

    }

    .Form-J1-Btn button {

        width: 1.6rem;

        height: .5rem;

        line-height: .5rem;

        font-size: .22rem;

    }

    .zhaopin-page li {

        width: .66rem;

        height: .66rem;

        line-height: .66rem;

    }

    .zhaopin-page .next {

        width: 1rem;

        height: .66rem;

        line-height: .66rem;

    }

    .zhaopin-page {

        margin-bottom: .3rem;

    }

    .cases li {

        width: 47%;

    }

    .anli li .img img {

        height: 1.6rem;

    }

    .cases li .title {

        height: .6rem;

        line-height: .6rem;

        font-size: .2rem;

        padding: 0 .2rem;

    }

    .cases {

        margin: .3rem 0;

    }

    .cases .h1 {

        font-size: .36rem;

        margin-bottom: .2rem;

    }

    .cases .h2 {

        font-size: .2rem;

        margin-bottom: .5rem;

    }

    .zhuanli li .img img {

        height: 3.5rem;

    }

    .contact {

        margin: .3rem 0;

    }

    .contact .map {

        height: 4rem;

    }

    .contact .cont-02 {

        height: 7rem;

        margin: .3rem 0;

        background-size: auto 100%;

    }

    .contact .cont-02 .box {

        padding: .3rem;

    }

    .contact .cont-02 .box .font {

        padding: .2rem;

    }

    .contact .cont-02 .h1 {

        font-size: .3rem;

        margin-bottom: .3rem;

    }

    .contact .cont-02 .box .left {

        width: 100%;

        height: 4.5rem;

    }

    .contact .cont-02 .box p {

        font-size: .2rem;

        line-height: .44rem;

    }

    .contact .cont-02 .box .erweima {

        display: none;

    }

    .contact .cont-02 .box .txt {

        width: 100%;

    }

    .contact .cont-02 .box .right {

        width: 100%;

        height: auto;

        padding-bottom: .3rem;

    }

    .contact .cont-02 .box .image {

        bottom: .3rem;

        right: .3rem;

        width: 1rem;

    }

    .cont-03 .h1 {

        font-size: .36rem;

        line-height: 1rem;

    }

    .cont-03 .box01,

    .cont-03 .box02 {

        width: 100%;

        height: auto;

        margin-bottom: .3rem;

    }

    .cont-03 .item .txt {

        padding: .26rem .26rem .6rem .26rem;

    }

    .cont-03 .item .title {

        font-size: .24rem;

        padding-bottom: .2rem;

        margin-bottom: .2rem;

    }

    .cont-03 .item p {

        font-size: .2rem;

        line-height: .4rem;

    }

    .cont-03 .left,

    .cont-03 .right {

        width: 100%;

        margin-bottom: .3rem;

    }

    .liuyan {

        margin: .3rem 0;

    }

    .liuyan .left {

        width: 100%;

    }

    .liuyan .h1 {

        font-size: .24rem;

        margin-bottom: .4rem;

    }

    .liuyan .input {

        height: .5rem;

        line-height: .5rem;

        font-size: .2rem;

        margin-bottom: .24rem;

    }

    .liuyan .input input {

        height: .5rem;

        line-height: .5rem;

        width: 78%;

    }

    .liuyan .right {

        width: 100%;

        font-size: .2rem;

    }

    .liuyan .right textarea {

        width: 78%;

        height: 2.2rem;

        padding: .2rem;

    }

    .liuyan .right .textarea {

        margin-bottom: .24rem;

    }

    .liuyan .yzm input {

        width: 25%;

        margin-right: .2rem;

    }

    .liuyan .yzm .img {

        width: 1.5rem;

        height: .5rem;

    }

    .liuyan .button a {

        padding: .1rem .6rem;

        font-size: .24rem;

        margin: 0 .2rem;

    }

    .about-strength {

        margin: .3rem auto;

    }

    .about-strength .h1 {

        font-size: .36rem;

        margin-bottom: .3rem;

    }

    .about-strength p {

        font-size: .2rem;

        line-height: .4rem;

        margin-bottom: .3rem;

    }

    .about-strength li {

        width: 23%;

    }

    .about-strength li img {

        height: .88rem;

    }

    .pro-number .num-box {

        width: 1rem;

        height: 1rem;

        background-size: 100% 100%;

        line-height: 1rem;

        font-size: .44rem;

    }

    .pro-number {

        float: left;

        width: 16%;

    }

    .pro01-main .pro-content {

        width: 80%;

    }

    .pro01-main .pro-content .h2 {

        font-size: .3rem;

        margin-bottom: .1rem;

    }

    .pro-wrap .youshi .ys-title {

        margin: .2rem 0;

    }

    .pro-wrap .youshi .ys-a {

        font-size: .7rem;

    }

    .pro-wrap .youshi .ys-b .zh {

        font-size: .3rem;

        font-weight: bold;

    }

    .pro-wrap .youshi .ys-b .en {

        font-size: .22rem;

    }
    .index01 .box-bottom .list img{
        width: 100%;
    }

}