@media screen and ( max-width: 1300px ) {
    .wal,
    .about_04 .wal {
        max-width: 85%;
    }

    .nav li {
        float: left;
        padding-right: .5rem;
    }

    .nav a {
        font-size: .25rem;
    }

    .foot .wal {
        max-width: 16.98rem;
    }

    .foot .list li {
        min-height: 3.5rem;
    }

    .foot .list h2 {
        font-size: .26rem;
    }

    .foot .list p {
        font-size: .2rem;
        max-width: 2.4rem;
    }

    .foot .msg {
        font-size: .21rem;
    }

    .foot .form li {
        width: 100%;
        padding-bottom: .2rem;
    }

    .foot .form .input1 input,
    .foot .form .input1 textarea,
    .foot .form .btn1 input {
        font-size: .2rem;
    }

    .about_04 .slick-prev,
    .about_05 .slick-prev {
        left: -35px;
    }

    .about_04 .slick-next,
    .about_05 .slick-next {
        right: -35px;
    }

    .indexTel-2 span:after {
        background-image: url("/html/newStyle/image/i2.svg");
        transform: translateY(-50%) scale(0.5);
        left: 9%
    }

    .n-product-2 .wal li {
        margin: 15px;
    }

    .about_01 p {
        font-size: .28rem;
    }
}

@media screen and ( max-width: 1130px ) {
    .about_01 .wal {
        max-width: 15rem;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .about_04 .wal {
        height: 7.86rem;
        max-width: 15rem;
        position: relative;
        /*top: 50%;
        transform: translateY(-59%)*/
    }

    .about_04 .name {
        font-size: 14px;
    }

    .about_04 p {
        font-size: .20rem;
    }

    .curriculum .info dd {
        font-size: .16rem;
    }

    .side_01 dd {
        font-size: .17rem;
        height: .29rem;
        line-height: .29rem;
    }

    .side_03 a {
        font-size: .17rem;
    }

    .side_04 li {
        width: .95rem;
        height: .8rem;
        margin-bottom: .1rem;
    }

    .side_04 li div {
        width: .8rem;
    }

    .side_04 li img {
        width: .8rem;
    }

    .side_04 li a {
        font-size: .16rem;
    }
}

@media screen and ( max-width: 1000px ) {
    .pageTitle {
        font-size: 18px;
    }

    .curriculumShow {
        padding: 0 15px;
    }

    .curriculumShow .title, .curriculumShow .title2 {
        font-size: 24px;
        padding: 20px 0;
    }

    .curriculumShow .imgDiv {
        font-size: 16px;
    }

    .curriculumShow .imgDiv em {
        background-size: 100%;
        width: 90px;
        height: 35px;
        line-height: 35px;
        text-indent: 10px;
    }

    .curriculumShow .name {
        padding: 15px 0;
        text-indent: 0px;
        text-align: center;
        font-size: 14px;
    }

    .curriculumForm .msg {
        padding: 20px 0 0 15px;
        height: 105px;
    }

    .curriculumForm .msg li {
        padding-right: 0px;
        height: 35px;
        width: 50%;
    }

    .curriculumForm .msg .li_01 {
        width: 100%;
    }

    .curriculumForm .form {
        padding: 15px 15px 45px 15px;
        margin: 0 15px;
    }

    .curriculumForm .form li, .curriculumForm .form .li_01 {
        float: none;
        width: auto;
        padding-left: 70px;
        top: 0px;
        height: 40px;
        line-height: 30px;
    }

    .curriculumForm .form em, .curriculumForm .form .li_01 em {
        width: 60px;
    }

    .curriculumForm .form .a1 {
        height: 30px;
    }

    .curriculumForm .input1 {
        height: 30px;
        line-height: 30px;
    }

    .curriculumForm .btn1 {
        width: 100%;
        height: 50px;
        top: auto;
        bottom: 0px;
        border-left: 0px;
        font-size: 16px;
    }

    .curriculumShow2 {
        padding: 0 15px;
    }

    .curriculumShow2 .box {
        display: none;
        position: relative;
        top: 0px;
        right: 0px;
        width: auto;
        min-height: 138px;
        background: url(/html/newStyle/image/bg4.png);
        padding: 0px;
    }

    .curriculumShow2 .title {
        font-size: 18px;
    }

    .curriculumShow2 .scroll {
        height: auto;
        overflow: auto;
        margin: 0;
        padding-right: 0px;
    }

    .curriculumShow2 .content {
        padding: .15rem 0;
    }

    .news {
        padding: 15px;
    }

    .news li {
        height: 145px;
        margin-bottom: 15px;
        padding: 0 10px 0 115px;
    }

    .news .imgDiv {
        height: auto;
        left: -1px;
        line-height: 100px;
        position: absolute;
        text-align: left;
        top: -1px;
        vertical-align: middle;
        width: 218px;
        z-index: 2;
    }

    .news .imgDiv {
        left: 0px;
        top: 0px;
    }

    .news .imgDiv img {
        width: 105px;
    }

    .news .name {
        font-size: 18px;
        padding: 15px 0 20px 0;
    }

    .news .content, .news .btn a {
        display: none;
    }

    .news .msg {
        height: 40px;
        line-height: 40px;
        text-indent: 10px;
        overflow: hidden;
    }

    .newShow .title {
        font-size: 18px;
        padding: 0 15px 15px;
        line-height: 1.6em;
    }

    .newShow .msg {
        height: 100px;
        padding: 10px 15px 0 15px;
        border: 0px;
        border-top: #dcdcdc solid 1px;
    }

    .newShow .msg li {
        float: none;
        width: 100%;
        padding: 0px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
    }

    .newShow .msg img {
        width: 12px;
        position: relative;
        top: 8px;
    }

    .newShow .content {
        padding: 15px;
    }

    .newShow .content img {
        max-width: 100%;
        max-height: 100%;
        text-align: center;
    }

    .newShow .imgDiv {
        padding: 15px 0;
    }

    .newContent {
        padding-top: 0;
    }

    .newContent .wal {
        margin: 0 auto;
    }

    .newContent .newstext {
        padding: 15px;
        border-width: 1px 0;
    }

    .newContent .newstext h3 {
        font-size: 18px;
        line-height: normal;
    }

    .newContent .newstext .top ul {
        display: none;
    }

    .newContent .newstext .content {
        font-size: 14px;
    }

    .newContent .newstext .content .prevNext {
        padding-bottom: 10px;
    }

    .newContent .newstext .content .prevNext p,
    .newContent .newstext .content .prevNext p.next {
        float: none;
    }

    .newContent .faq {
        border: solid #d6d6d6;
        border-width: 0 1px 1px 1px;
        padding: 15px 15px 49px 15px;
        background: #fff;
    }

    .newContent .faq .faq-item {
        line-height: 37px;
        font-size: 14px;
        color: #3a3a3a;
        border-bottom: 1px solid #dfdfdf;
        background: url(/html/newStyle/image/faq.png) no-repeat 7px center;
        padding-left: 36px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .newContent .tags {
        border-width: 1px 0;
        padding: 25px 15px;
    }

    .newContent .tags a {
        margin-bottom: 8px;
    }

    .about_05 .content {
        text-align: left;
    }

    .jobPart1 {
        padding: 10px 15px 25px 15px;
    }

    .jobPart1 .title {
        padding-bottom: 15px;
        font-size: 24px;
    }

    .jobPart2 .name {
        position: relative;
        background: url(/html/rtfcn/image/bg2.png);
        display: block;
        padding-right: 15px;
        top: 0px;
        opacity: 1;
        filter: alpha(opacity=1);
    }

    .jobPart2 .name a {
        font-size: 16px;
        padding: 15px;
        background: url(/html/rtfcn/image/ico4.png) right center no-repeat;
        background-size: 35px;
        line-height: 1.8em;
    }

    .jobPart3 {
        min-height: 170px;
    }

    .jobPart3 .wal {
        padding-top: 30px;

    }

    .jobPart3 li {
        float: none;
        width: 100%;
        height: 120px;
    }

    .jobPart3 .name {
        padding-left: 90px;
    }

    .jobPart3 .content {
        padding: 12px 15px 0 90px;
    }

    .jobPart3 .imgDiv img {
        width: 60px;
        left: 15px;
    }

    .jobPart4 .title {
        padding: 0 15px;
    }

    .jobPart4 .title .wal {
        height: 50px;
        line-height: 50px;
    }

    .jobPart4 .title em {
        top: 9px;
        width: auto;
        height: 34px;
        line-height: 34px;
    }

    .jobPart4 .title .em1 {
        display: none;
    }

    .jobPart4 .title .wal div {
        font-size: 16px;
        padding-left: 25px;
    }

    .jobPart4 .title .wal div, .jobPart4 .liNow .title .wal div, .jobPart4 .liOn .title .wal div {
        background-size: 15px;
    }

    .jobPart4 .content {
        padding: 5px 15px 15px;
    }

    .jobPart4 .content .name {
        padding: 15px 0;
    }

    .product_01 .wal,
    .product_02 .wal,
    .product_03 .wal,
    .product_04 .wal,
    .product_05 .wal,
    .product_06 .wal,
    .product_07 .wal,
    .product_08 .wal,
    .product_advantage .wal,
    product_price .wal {
        width: auto;
        max-width: 100%;
    }

    .product_01 {
        padding: 0 30px;
    }

    .product_01 .wal {
        height: 100px;
        text-align: center;
    }

    .product_01 li {
        padding: 0px;
        /*float:left;*/
        width: auto;
        line-height: 50px;
    }

    .product_02 {
        min-height: 400px;
    }

    .product_02 .title {
        text-align: center;
        color: #6483fe;
        font-size: 20px;
        padding: 25px 0;
    }

    .product_02 li {
        float: none;
        width: 100%;
        text-align: left;
        height: 100px;
    }

    .product_02 .imgDiv {
        position: absolute;
        left: 15px;
        top: 3px;
    }

    .product_02 img {
        position: static;
        margin: 0px;
        width: 40px;
    }

    .product_02 .name {
        font-size: 16px;
        padding: 0 0 10px 70px;
    }

    .product_02 .line {
        width: 30px;
        height: 10px;
        border-top: #6483fe solid 2px;
        position: relative;
        left: 70px;
    }

    .product_02 .content {
        padding: 0 15px 0 70px;
    }

    .product_02_1 {
        min-height: 200px;
    }

    .product_02_1 .title {
        text-align: center;
        color: #6483fe;
        font-size: 20px;
        padding: 25px 0;
    }

    .product_02_1 li {
        float: none;
        width: 100%;
        text-align: left;
        height: 100px;
    }

    .product_02_1 .imgDiv {
        position: absolute;
        left: 15px;
        top: 3px;
    }

    .product_02_1 img {
        left: 0px;
        top: 0px;
        margin: 0px;
        width: 40px;
    }

    .product_02_1 .name {
        font-size: 16px;
        padding: 0 0 10px 70px;
    }

    .product_02_1 .line {
        width: 30px;
        height: 10px;
        border-top: #6483fe solid 2px;
        position: relative;
        left: 70px;
    }

    .product_02_1 .content {
        padding: 0 15px 0 70px;
    }

    #product_04 {
        margin: 0px;
    }

    .product_04,
    .product_price,
    .product_advantage {
        min-height: 200px;
    }

    .product_price,
    .product_advantage {
        padding-bottom: 30px;
    }

    .product .title,
    .product_advantage .title,
    .product_04 .title,
    .product_price .title {
        text-align: center;
        font-size: 20px;
        padding: 25px 0 !important;
    }

    .product_04 .box {
        margin-right: 0px;
    }

    .product_04 .imgDiv {
        padding: 0 50px;
    }

    .product_04 .name {
        width: auto;
        position: relative;
        left: 0px;
        bottom: 30px;
        margin: 0 50px;
    }

    .product_04 .boxOn .content {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .product_04 .boxOn .name {
        opacity: 1;
        filter: alpha(opacity=1);
    }

    #product_04 .slick-prev,
    .product_advantage .slick-prev,
    .product_price .slick-prev {
        left: 10px;
        margin-left: 0px;
    }

    #product_04 .slick-next,
    .product_advantage .slick-next,
    .product_price .slick-next {
        right: 10px;
        margin-right: 0px;
    }

    #product_04 .slick-prev,
    #product_04 .slick-prev:hover,
    #product_04 .slick-next,
    #product_04 .slick-next:hover,
    .product_advantage .slick-prev,
    .product_advantage .slick-prev:hover,
    .product_advantage .slick-next,
    .product_advantage .slick-next:hover,
    .product_price .slick-prev,
    .product_price .slick-prev:hover,
    .product_price .slick-next,
    .product_price .slick-next:hover {
        background-size: 60%;
    }

    .product_05 .title {
        text-align: center;
        color: #fff;
        font-size: 20px;
        padding: 0;
        width: 200px;
        height: 45px;
        line-height: 45px;
        margin: 0 auto;
        background: #6480f9;
    }

    #product_05 {
        margin-right: -0px;
        padding-bottom: 20px;
    }

    .product_05 .box {
        border: 0px;
        margin-right: 0px;
    }

    .product_05 .price {
        margin: 0 20px;
    }

    .product_05 .boxOn .name1 {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .product_05 .slick-dots {
        text-align: center;
    }

    .product_05 .slick-dots li {
        padding: 0 3px;
        display: inline-block;
    }

    .product_05 .slick-dots span {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .product_05 .slick-dots .slick-active span {
        background: #90e6f5;
    }

    .product_06 {
        padding: 0 15px;
    }

    .product_06 .title {
        text-align: center;
        font-size: 20px;
        padding: 25px 0;
    }

    .product_08 {
        padding: 0 15px;
    }

    .product_08 .title {
        padding: 25px 0;
        font-size: 20px;
        text-align: center;
    }

    .product_08 .list {
        margin-right: 0px;
    }

    .product_08 li {
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .product_02 .newstext .fl,
    .product_02 .newstext .fr {
        float: none;
    }

    .product_02 .newstext div.fl,
    .product_02 .newstext div.fr {
        width: 100%;
        height: auto;
    }

    .product_02 .newstext div.fl {
        text-align: center;
    }

    .product_02 .newstext div.fl img {
        position: static;
        width: 90% !important;
        height: auto !important;
    }

    .product_02 .newstext div.fr dd.fl,
    .product_02 .newstext div.fr dd.fr {
        width: 90%;
        margin: 0 auto;
    }

    .product_02 .newstext div.fr dd.fl {
        padding-bottom: 20px;
    }

    .product_price ul,
    .product_advantage ul {
        margin: 0;
    }

    .product_price ul li,
    .product_advantage ul li {
        margin: 0 3%;
    }

    .product_price ul li {
        font-size: 16px;
    }

    .product_price ul li dl dd.btn {
        width: 90%;
        margin-left: -45%;
    }

    .product_price ul li:hover dl dd.btn {
        background: #6081fa;
    }

    .product_price ul li:hover dl dd.btn span {
        display: block;
        color: #fff;
    }

    .product_price ul li:hover dl dd.btn .tel {
        display: none;
    }

    .h740 {
        height: auto;
        min-height: inherit;
    }

    .search form {
        width: 100%;
    }

    .curriculum_01 ul {
        border-left: none;
        overflow: visible;
    }

    .curriculum_01 ul li {
        height: 50px;
        line-height: 50px;
        border-right: none;
    }

    .curriculum_01 ul li a {
        font-size: 16px;
    }
}

@media screen and ( max-width: 800px ) {
    /*手机--横屏(主要是重写一下wal的宽度)*/
    html {
        font-size: 50px;
    }

    .wal {
        max-width: 450px;
    }

    .pcShow {
        display: none !important;
    }

    .phoneShow {
        display: block !important;
    }

    .head {
        height: 1.26rem;
    }

    .head .logo {
        left: .37rem;
    }

    .head .tel,
    .head .language {
        display: none;
    }

    .navA {
        display: block;
        background: url(/html/newStyle/image/navA.png) center no-repeat;
        background-size: cover;
        width: .54rem;
        height: .54rem;
        position: absolute;
        top: 50%;
        right: .39rem;
    }

    .nav {
        display: none;
    }

    .foot {
        background: url(/html/newStyle/image/foot2.jpg) center no-repeat;
        background-size: cover;
        padding: 0 .15rem;
    }

    .foot .wal {
        /*max-width: 450px;
        padding-top: .4rem;*/
        display: block;
        max-width: none;
        padding: .7rem 0 0 0;
        width: auto;
    }

    .foot .list {
        width: 100%;
        padding-top: 0;
        display: block;
    }

    .foot .list ul {
        margin: 0 0 0 -.2rem;
    }

    .foot .list li {
        width: 50%;
        min-height: 2rem;
        padding: 0 0 .2rem .2rem;
        color: #FFF;
    }

    .foot .list li:nth-child(odd) {
        clear: left;
    }

    .foot .list .img img {
        opacity: 0;
    }

    .foot .list .img img:nth-child(2) {
        opacity: 1;
    }

    .foot .list h2 {
        font-size: .3rem;
    }

    .foot .list p {
        font-size: 12px;
        max-width: 2.7rem;
    }

    /**/
    .foot .form {
        width: 100%;
        font-size: .28rem;
        margin-top: .5rem;
    }

    .foot .form .msg {
        font-size: .4rem;
        padding: .7rem 0;
    }

    .foot .form .msg p {
        font-size: 12px;
    }

    .foot .form li {
        width: 100%;
        padding-bottom: .2rem;
    }

    .foot .form .input1 input {
        font-size: .2rem;
        padding: 0 .25rem;
    }

    .foot .form .input1 textarea {
        height: 1.5rem;
        font-size: .2rem;
        padding: .2rem .25rem;
    }

    .foot .form .a1 {
        font-size: .12rem;
    }

    .foot .form .btn1 input {
        font-size: .2rem;
    }

    .foot .form > div {
        max-width: none;
        padding-bottom: .7rem;
    }

    .foot .form .layui-form ul li {
        padding-bottom: .2rem;
    }

    .foot .form .layui-form ul li span {
        padding-right: .4rem;
    }

    .foot .form .layui-form ul li .layui-input,
    .foot .form .layui-form ul li .layui-textarea,
    .foot .form .layui-form ul li .layui-select {
        height: .6rem;
    }

    .foot .form .layui-form ul li.captcha span {
        padding-right: .13rem;
    }

    .foot .form .layui-form ul li.captcha div button {
        width: auto;
        height: .58rem;
        line-height: .58rem;
        font-size: .24rem;
    }

    .foot .form .layui-form > button {
        font-size: .28rem;
        width: 2.91rem;
        height: .67rem;
        line-height: .67rem;
    }

    .foot .form > div > div:nth-child(3) {
        text-align: center;
    }

    .foot .form > div > div:nth-child(3) > div {
        display: inline-block;
        width: auto;
        text-align: left;
    }

    .foot .form > div > div:nth-child(3) span {

    }


    .pageBanner {
        height: 100vw;
        background: center no-repeat;
        background-size: cover
    }

    .about_05 .slick-list {
        width: 100%;
        overflow: hidden;
        height: 100%
    }

    .about_05 {
        width: 100%;
        overflow: hidden
    }

    .about_01 {
        min-height: 5.15rem;
        padding-top: 1rem;
        height: 100vw
    }

    .about_01 .wal {
        max-width: 5.5rem;
        margin: 0 auto;
        overflow: hidden
    }

    .about_01 .h50 {
        height: 1rem;
    }

    .about_01 .slick-arrow {
        opacity: .5;
    }

    .about_01 .slick-prev {
        left: -.45rem;
    }

    .about_01 .slick-next {
        right: -.45rem;
    }

    .about_02 {
        background: #f2f2f6;
        min-height: 50px;
        text-align: center;
        height: 100vw
    }

    .about_02 .wal {
        max-width: 6.4rem;
        margin: 0 auto;
    }

    .about_02 .slick {
        height: 1.4rem;
    }

    .about_02 .slick img {
        width: 1.8rem;
    }

    .about_03 .slick a {
        height: 5.8rem;
    }

    .about_04 .wal {
        height: 6.5rem;
        max-width: 4.5rem;
        margin: 0 auto;
    }

    .about_04 .title {
        padding: .7rem 0;
    }

    .about_04 .name {
        font-size: .22rem;
    }

    .about_04 p {
        font-size: .2rem;
    }

    .w705 {
        width: 100%;
    }

    .w254 {
        width: 100%;
        padding: .39rem 0 0 0;
    }

    .curriculum .title {
        padding: .35rem 0;
    }

    .curriculum .title span {
        width: 1.9rem;
        line-height: .5rem;
        font-size: .22rem;
    }

    .pageNum {
        font-size: .2rem;
    }

    .sideSearch {
        height: .65rem;
    }

    .sideSearch .btn1 {
        width: .65rem;
        height: .65rem;
    }

    .sideSearch .input1 {
        height: .65rem;
        line-height: .65rem;
        padding-left: .9rem;
        font-size: .2rem;
    }

    .sideTitle img {
        left: .1rem;
    }

    .sideTitle span {
        left: .55rem;
        font-size: .2rem;
    }

    .side_01 dd {
        font-size: .16rem;
    }

    .side_03 a {
        font-size: .16rem;
    }

    /*product---add---start*/
    .n-product-2 .wal .phoneShow ul.tab .slick-list {
        transform: translateY(13%)
    }

    .n-product-banner1 {
        height: 6.4rem;
        background-image: url("/html/newStyle/image/n-banner2.jpg") !important;
        background-attachment: inherit !important;
    }

    .n-product-banner1 .wal {
        padding-top: 3rem
    }

    .n-product-banner1 .wal span {
        font-size: 0.45rem;
        line-height: 3em
    }

    .n-product-banner1 .wal em {
        font-size: 14px;
        line-height: 1.5em
    }

    .n-product-1 .wal {
        padding: 2% 0;
        margin: 0 2%;
        padding-bottom: 0
    }

    .n-product-1 .wal li {
        width: 49.5%
    }

    .n-product-1 .wal li:nth-child(2), .n-product-1 .wal li:nth-child(4) {
        margin-right: 1%;
    }

    .n-product-1 .wal li:nth-child(3) {
        width: 49.5%;
        margin-right: 0
    }

    .n-product-1 .wal li:first-child {
        width: 100%;
        margin-right: 0
    }

    .n-product-1 .wal li.six {
        width: 49.5%
    }

    .n-product-1 .wal li.six:nth-child(1),
    .n-product-1 .wal li.six:nth-child(3),
    .n-product-1 .wal li.six:nth-child(5) {
        margin-right: 1% !important;
    }

    .n-product-1 .wal li.six:nth-child(2),
    .n-product-1 .wal li.six:nth-child(4),
    .n-product-1 .wal li.six:nth-child(6) {
        margin-right: 0 !important;
    }

    .n-product-2 .wal .imgDiv {
        width: 1rem;
        height: 1rem;
    }

    .n-product-2 .wal li span {
        color: #fff;
        font-size: 14px;
        display: block;
        margin: 0 auto;
        width: 5.5rem;
        opacity: 1
    }

    .n-product-2 .wal li p {
        position: static;
        font-size: 18px
    }

    .n-product-3 p em {
        font-size: 14px
    }

    .n-product-2 .wal div.phoneShow .tab a.slick-prev {
        display: block;
        width: 0.27rem;
        height: 0.53rem;
        background: url("/html/newStyle/image/slickPrev.png") no-repeat;
        background-size: cover;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 100;
        transform: translateY(-50%)
    }

    .n-product-2 .wal div.phoneShow .tab a.slick-next {
        display: block;
        width: 0.27rem;
        height: 0.53rem;
        background: url("/html/newStyle/image/slickNext.png") no-repeat;
        background-size: cover;
        top: 50%;
        right: 0;
        position: absolute;
        z-index: 100;
        transform: translateY(-50%)
    }

    .n-product-2 .wal {
        height: 6.4rem
    }

    .n-product-3 {
        background: url(/html/newStyle/image/n-banner33.jpg) center no-repeat !important;
        background-size: cover !important;
    }

    .n-product-3 .wal {
        height: 6.4rem
    }

    .n-product-3 p span {
        margin-bottom: 0.45rem;
        font-size: 0.45rem
    }

    .n-product-4 .caseTab a {
        background: #21cdea;
        color: #fff;
        height: 0.47rem;
        line-height: 0.47rem;
        font-size: 14px
    }

    .n-product-4 .phoneShow {
        width: 3.7rem;
        margin: 0 auto
    }

    .n-product-4 li {
        height: 6.18rem;
        padding-top: 0.54rem
    }

    .n-product-4 li .country {
        z-index: 1000;
        top: 1px;
        font-size: 14px
    }

    .n-product-4 li .msg1 span {
        font-size: 14px
    }

    .n-product-4 li .msg2 p {
        line-height: 2em;
        font-size: 14px
    }

    .n-product-4 li .msg1 .tittle {
        line-height: 2em;
        font-size: 18px
    }

    .n-product-4 li:nth-child(2) {
        margin: 0
    }

    .n-product-4 li .msg {
        border-color: #21cdea
    }

    .n-product-4 li .msg2 {
        border-color: #21cdea
    }

    .n-product-4 li .msg2 a {
        margin-top: 0.4rem
    }

    .n-product-4 a.slick-prev {
        display: block;
        width: 0.27rem;
        height: 0.53rem;
        background: url("/html/newStyle/image/slickPrev_1.png") no-repeat;
        background-size: cover;
        position: absolute;
        top: 50%;
        left: -1.5rem;
        z-index: 100;
    }

    .n-product-4 a.slick-next {
        display: block;
        width: 0.27rem;
        height: 0.53rem;
        background: url("/html/newStyle/image/slickNext_1.png") no-repeat;
        background-size: cover;
        position: absolute;
        top: 50%;
        right: -1.5rem;
        z-index: 100
    }

    .n-product-4 ul.tab {
        overflow: visible
    }

    .n-product-5 {
        height: 100vw;
        background: url("/html/newStyle/image/bg2.jpg") center no-repeat;
        background-size: cover
    }

    .n-product-5.index {
        background: url("/html/newStyle/image/bg1.jpg") center no-repeat;
        background-size: cover
    }

    .n-product-5 p {
        line-height: 100vw;
        color: #fff
    }

    .n-product-5 p span {
        background: #fff
    }

    .n-product-5 p span:after {
        background: url("/html/newStyle/image/i2.png") no-repeat;
        background-size: cover
    }

    .n-product-5.index p span:after {
        background: url("/html/newStyle/image/i1.svg") no-repeat;
        background-size: cover
    }

    .n-product-5.index p {
        height: auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        line-height: normal
    }

    .n-product-5.index span {
        display: block;
        margin: 0 auto;
        margin-bottom: 0.5rem
    }

    .n-product-banner2 {
        background: url("/html/newStyle/image/n-banner5.jpg") center;
        background-size: cover;
        height: 6.4rem;
        background-attachment: inherit !important;
    }

    .n-product-7 li {
        height: auto
    }

    .n-product-7 li .wal {
        padding: 0;
        width: 100%;
        margin: 0;
        transform: none;
        position: static
    }

    .n-product-7 li .wal div.fl {
        padding: 0.5rem;
        width: 100vw;
        min-height: 100vw
    }

    .n-product-7 li .wal div.fl .tittle em {
        font-size: 14px
    }

    .n-product-7 li .wal div.fl p {
        font-size: 14px
    }

    .n-product-7 li:nth-of-type(even) {
        background: #fff
    }

    .n-product-7 li {
        padding: 0
    }

    .n-product-7 li .wal div.fl:nth-of-type(even) {
        background: #eeeeef;
        padding-left: 0.5rem
    }

    .n-product-7 li .wal div.fl .tittle {
        padding-left: 38%
    }

    .n-product-8 {
        height: 100vw;
        padding-top: 1.4rem;
        background: url("/html/newStyle/image/bg2.jpg") no-repeat !important;
        background-size: cover !important;
    }

    .n-product-8 span {
        display: block;
        width: 1.87rem;
        height: 1.87rem;
        margin: 0 auto
    }

    .n-product-8 div {
        color: #fff;
        font-size: 14px
    }

    .newRtfAdd .jobPart1 .content .newRtfAdd .n-product-service {
        background-size: 60%;
        font-size: 0.36rem
    }

    .n-product-service li a {
        font-size: 0.27rem
    }

    .n-product-service li {
        width: 50%;
        padding-left: 9%
    }

    .n-product-service li a {
        margin-right: 0;
        display: inline-block
    }

    .about_04 {
        height: 100vw;
        background-attachment: inherit
    }

    .about_05 {
        height: 100vw;
        background: url(/html/newStyle/image/img640.jpg) center no-repeat !important;
        background-size: cover !important;
    }

    .navLayer a.name {
        font-size: .34rem;
    }

    .navLayer dl dd {
        font-size: 0.28rem;
    }

    .navLayer h2 {
        font-size: 0.28rem;
    }

    .about_01 h2 img {
        left: 2.5rem
    }

    .about_01 h2 {
        font-size: 18px
    }

    .about_05 .content {
        font-size: 14px;
    }

    .about_05 .content1 {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .about_04 .name {
        font-size: 14px;
    }

    .about_04 p {
        font-size: 14px;
    }

    .newRtfAdd .jobPart1 .content {
        font-size: 14px !important;
    }

    .about_05 .msg {
        font-size: 14px
    }

    .about_02 .slick p {
        font-size: 14px;
        line-height: 1.2rem
    }

    .n-product-4 li .msg1 p {
        background: url(/html/newStyle/image/my_1.svg) 15% 50% no-repeat;
        background-size: 15%;
    }

    .n-product-4 li .msg1 p.cny {
        background-size: 10%;
    }

    .about_05 .img {
        position: absolute;
        bottom: 0.35rem;
        width: 100%;
        text-align: center;
        padding-bottom: 0
    }

    .about_05 .wal {
        height: 100%
    }

    .about_05 .wal .tab {
        height: 100%;
        position: relative
    }

    .about_05 .wal .slick-track {
        height: 100%
    }

    .about_05 .title {
        padding-bottom: 0;
        position: absolute;
        width: 100%
    }

    .n-product-service {
        background-size: 100% !important;
        height: 100vw
    }

    .n-product-service .tittle {
        padding-top: 0.6rem
    }

    .pageBanner2 {
        background-attachment: inherit
    }

    /*product---add---end*/
    .indexTel {
        height: 1.42rem;
        padding: .23rem 0;
        background: url("/html/newStyle/image/bg2.jpg") center no-repeat;
        background-size: cover
    }

    .indexTel span {
        font-size: .4rem;
        background-size: 1.77rem;
        height: 1.77rem;
        line-height: 1.77rem;
        padding-left: 2.16rem;
    }

    .indexTel span:after {
        width: 0.98rem;
        height: 2.56rem
    }

    .indexTel-2 {
        height: 100vw;
        line-height: 100vw
    }

    .indexPart1 li .imgDiv video {
        display: block
    }

    .indexPart1 .name2 span {
        display: block;
        margin-bottom: -1rem
    }
}

@media screen and ( max-width: 450px ) {
    /*手机--竖屏*/
    .wal {
        margin: 0 .3rem;
    }
}

@media screen and ( max-width: 350px ) {
    html {
        font-size: 43px;
    }
}