@media screen and (max-width: 1650px) {
    .full-content,
    .cross-content {
        padding-left: 64px;
        padding-right: 64px;
    }
    .cross-content {
        margin-left: -64px;
        margin-right: -64px;
    }
    .spacing-top {
        padding-top: 64px;
    }
    .spacing-bottom {
        padding-bottom: 64px;
    }
    .spacing {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .nav .nav-content .navbar {
        margin-right: 32px;
        font-size: 15px;
    }
    .nav .nav-content .navbar .item .option {
        padding: 0 12px;
    }
    .nav .nav-content .menu-button {
        padding: 0 45px;
        height: 45px;
        line-height: 45px;
    }
  
    .footer .line {
        margin: 36px 0 64px;
    }
    .home-product .col-3-item .full-content {
        font-size: 24px;
    }
    .home-product .col-3-item .full-content .active-panel .line {
        bottom: 64px;
        left: 64px;
        right: 64px;
    }
    .product-detail .right {
        font-size: 19px;
    }
    .product-detail .right .product-feature .flex .text .title .cover-img {
        width: 36px;
    }
    .product-detail .right .parameter .clear .name {
        font-size: 110%!important;
        line-height: 1.6!important;
    }
    .product-detail .right .parameter .clear .value {
        margin-left: 130px!important;
    }
    .news-swiper .right .title .fl .big {
        font-size: 52px;
    }
    .news-swiper .right .title .fl .small {
        font-size: 16px;
    }
    .news-swiper .right .title .text {
        font-size: 30px;
        margin-left: 110px;
    }
    .news-swiper .right .detail {
        margin: 52px auto;
    }
    .news-swiper .pagination {
        margin-top: 42px;
    }
    .news-swiper .pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin-right: 22px;
    }
    .cooperation-top .right .content .title {
        font-size: 40px;
    }
    .cooperation-top .right .content .title .cover-img {
        width: 56px;
    }
    .cooperation-top .right .content .big {
        margin: 60px auto 16px;
    }
    .cooperation .left .clear {
        margin-bottom: 24px;
    }
    .cooperation .left .clear .fl {
        line-height: 48px;
    }
    .cooperation .left .clear .put input,
    .cooperation .left .clear .put textarea {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }
    .cooperation .left .clear .put input {
        line-height: 48px;
        height: 48px;
    }
    .cooperation .left .clear .put textarea {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .cooperation .right {
        margin-right: -64px;
    }
    .cooperation .right .content {
        padding: 20%;
    }
    .cooperation .right .content .row {
        margin-bottom: 36px;
        padding-left: 50px;
    }
    .cooperation .right .content .row .iconfont {
        line-height: 42px;
        width: 42px;
    }
    .cooperation .right .content .row .name {
        font-size: 14px;
    }
    
    .company .main-content .fl .flex .big {
        font-size: 40px;
    }
    .company .main-content .fl .flex .big:after {
        margin-left: 10px;
        font-size: 18px;
    }
    .company .main-content .fl .flex .small {
        font-size: 14px;
    }
    .company .main-content .fl ul {
        margin-top: 48px;
    }
    .company .main-content .fl ul li {
        margin-top: 16px;
        padding-left: 32px;
        line-height: 24px;
        font-size: 16px;
    }
    .company .main-content .fl ul li:before {
        height: 24px;
        width: 24px;
    }
    .nav-container .nav-panel .item {
        margin: 0 50px;
        font-size: 18px;
    }
    .nav-container .nav-panel .item .option {
        margin-bottom: 40px;
    }
    .nav-container .nav-panel .item .nav-slide a {
        margin-top: 24px;
    }
    .page {
        line-height: 50px;
    }
    .page li{
        margin: 0 16px;
    }
    .page li a,
    .page li span{
        font-size: 16px;
        width: 50px;
    }
    .page li:first-child a,
    .page li:last-child a,
    .page li:first-child span,
    .page li:last-child span{
        padding: 0 32px;
    }
    .page li:first-child a:before,
    .page li:last-child a:before,
    .page li:first-child span:before,
    .page li:last-child span:before{
        font-size: 40px;
        margin: -20px;
    }
}
@media screen and (max-width: 1500px) {
    .full-content,
    .cross-content {
        padding-left: 48px;
        padding-right: 48px;
    }
    .cross-content {
        margin-left: -48px;
        margin-right: -48px;
    }
    .spacing-top {
        padding-top: 48px;
    }
    .spacing-bottom {
        padding-bottom: 48px;
    }
    .spacing {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .main-content {
        margin-top: 48px;
    }
    .row-title {
        font-size: 50px;
        padding-top: 28px;
    }
    .paragraph-title {
        font-size: 20px;
    }
    .nav .nav-content .navbar {
        font-size: 14px;
    }
    .nav .nav-content .menu-button {
        font-size: 15px;
        padding: 0 36px;
        height: 40px;
        line-height: 40px;
    }
    .banner .full-content {
        bottom: 63px;
    }
    .banner .full-content .title .t1 {
        font-size: 48px;
    }
    .banner .full-content .title .t2 {
        font-size: 30px;
    }
    .banner .full-content .title .t3 {
        font-size: 14px;
    }
    .home-about .left .line {
        margin: 64px auto;
    }
    .home-about .left .idea {
        margin-top: 32px;
    }
    .home-about .left .idea .col-item-content {
        font-size: 18px;
    }
    .home-about .left .idea .col-item-content .iconfont {
        font-size: 180%;
    }
    .home-about .left .idea .col-item-content .big {
        margin-top: 64px;
    }
   
    .footer .nav {
        text-align: right;
    }
    .footer .nav .nav-content .navbar {
        display: none;
    }
    .footer .line {
        margin: 32px 0 48px;
    }
    .home-product .col-3-item .full-content .active-panel .line {
        bottom: 48px;
        left: 48px;
        right: 48px;
    }
    .home-news .content {
        padding: 36px 42px;
        margin: 0 16px;
    }
    .home-news .content .title {
        font-size: 18px;
        height: 28.8px;
    }
    .home-news.news-list .content {
        margin: 0;
    }
    .home-news .swiper-slide:hover .content .margin {
        height: 45px;
    }
    .news-list .content .title {
        height: 57px;
    }
    .product-detail .right {
        font-size: 18px;
    }
    .product-detail .right .product-feature .flex .text .title .cover-img {
        width: 32px;
    }
    .product-detail .right .parameter .clear .name {
        font-size: 100%!important;
        line-height: 1.8!important;
    }
    .product-detail .right .parameter .clear .value {
        margin-left: 110px!important;
    }
    .product-detail .right .product-feature .flex .dot {
        width: 52px;
    }
    .invite-detail .invite-content .item {
        padding: 14px 24px;
    }
    .news-swiper .right .title .fl .big {
        font-size: 48px;
    }
    .news-swiper .right .title .fl .small {
        font-size: 15px;
    }
    .news-swiper .right .title .text {
        font-size: 26px;
        margin-left: 100px;
    }
    .news-swiper .right .detail {
        margin: 48px auto;
    }
    .news-swiper .pagination {
        margin-top: 40px;
    }
    .news-swiper .pagination .swiper-pagination-bullet {
        margin-right: 20px;
    }
    .news-detail.banner .full-content .article-info {
        margin-bottom: 48px;
    }
    .news-detail.banner .full-content .news-title {
        font-size: 42px;
        margin: 48px auto;
    }
    .news-detail .body-content .news-other .page .clear {
        margin: 10px auto;
    }
    .page {
        padding: 24px 0 36px;
    }
    .cooperation-top .right .content .title {
        font-size: 32px;
    }
    .cooperation-top .right .content .title .cover-img {
        width: 48px;
    }
    .cooperation-top .right .content .big {
        font-size: 20px;
        margin: 36px auto 12px;
    }
    .cooperation .left .clear {
        margin-bottom: 16px;
    }
    .cooperation .right {
        margin-right: -48px;
    }
    .cooperation .right .content {
        padding: 20% 15%;
    }
    .cooperation .right .content .row {
        margin-bottom: 24px;
        padding-left: 48px;
    }
    .cooperation .right .content .row .iconfont {
        line-height: 36px;
        width: 36px;
        font-size: 20px;
    }
    .cooperation .right .content .row .name {
        font-size: 14px;
    }
    .cooperation .right .content .row .value {
        font-size: 20px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .cover-img {
        width: 42px;
        margin-bottom: 24px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .big {
        font-size: 22px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .small {
        font-size: 14px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .dot {
        margin-top: 42px;
    }
    .contact .col-3 .col-3-item .col-item-content {
        font-size: 18px;
    }
    .contact .col-3 .col-3-item .col-item-content .iconfont {
        width: 56px;
        height: 56px;
        line-height: 56px;
    }
    .contact .col-3 .col-3-item .col-item-content .title {
        margin: 40px auto 12px;
    }
    .contact .col-3 .col-3-item .col-item-content .small {
        margin-top: 16px;
    }
    .company .row-title .cover-img {
        width: 64px;
    }
    .leader-column .tab-content .title {
        font-size: 14px;
        padding-left: 64px;
    }
    .leader-column .tab-content .container {
        top: 80px;
        padding-left: 60px;
        right: 64px;
    }
    .leader-column .tab-options .title {
        font-size: 20px;
        margin-top: 12px;
    }
    .leader-column .icon {
        padding: 12px;
    }
    .leader-column .icon .cover-img {
        width: 26px;
    }
    .nav-container .nav-panel .item {
        margin: 0 42px;
        font-size: 16px;
    }
    .nav-container .nav-panel .item .option {
        margin-bottom: 36px;
    }
    .nav-container .nav-panel .item .nav-slide a {
        margin-top: 20px;
    }
    .nav-container .full-content .contact {
        font-size: 16px;
    }
    .nav-container .full-content .contact .clear {
        margin-top: 42px;
    }
    .nav-container .full-content .contact .clear .item {
        margin-right: 36px;
    }
    .nav-container .full-content .contact .clear .item .iconfont {
        width: 32px;
        height: 32px;
        font-size: 16px;
        line-height: 32px;
        margin-right: 6px;
    }
}
@media screen and (max-width: 1200px) {
    .full-content,
    .cross-content {
        padding-left: 32px;
        padding-right: 32px;
    }
    .cross-content {
        margin-left: -32px;
        margin-right: -32px;
    }
    .main-content {
        margin-top: 40px;
    }
    .dot span {
        width: 4px;
        margin-right: 8px;
    }
    a.focus {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .nav.full-content .nav-content .navbar {
        display: none;
    }
    .banner .full-content {
        bottom: 42px;
    }
    .banner .full-content .title .t1 {
        font-size: 40px;
    }
    .banner .full-content .title .t2 {
        font-size: 24px;
    }
    .banner .full-content .title .t3 {
        font-size: 12px;
    }
    .banner .full-content .pagination {
        padding: 6px 0 6px 36px;
    }
    .banner .full-content .pagination .swiper-pagination .swiper-pagination-current {
        font-size: 20px;
    }
 
    .footer .nav {
        text-align: right;
    }
    .footer .nav .nav-content .navbar {
        display: none;
    }
    .footer .nav .blogroll {
        height: 42px;
        line-height: 42px;
        width: 150px;
    }
    .footer .nav .blogroll .iconfont {
        margin-left: 24px;
    }
    .footer .nav .blogroll .slide {
        -webkit-border-radius: 0 0 21px 21px;
        -moz-border-radius: 0 0 21px 21px;
        border-radius: 0 0 21px 21px;
    }
    .footer .nav .blogroll.active {
        -webkit-border-radius: 21px 21px 0 0;
        -moz-border-radius: 21px 21px 0 0;
        border-radius: 21px 21px 0 0;
    }
    .footer .line {
        margin: 32px 0 48px;
    }
    .footer .copyright {
        -webkit-box-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer .copyright .item {
        width: 100%;
        min-width: auto;
    }
    .footer .copyright .item.wechat {
        margin: 36px 0;
        order: 1;
    }
  
    .home-product .col-3-item .full-content {
        font-size: 24px;
    }
    .home-product .col-3-item .full-content .line {
        margin-top: 50px;
    }
    .home-product .col-3-item .full-content .cover-img {
        width: 32px;
    }
    .home-product .col-3-item .full-content .default-panel .big {
        margin-top: 50px;
    }
    .home-product .col-3-item .full-content .default-panel .more {
        margin-top: 90%;
    }
    .home-product .col-3-item .full-content .active-panel .order {
        top: 30%;
    }
    .home-product .col-3-item .full-content .active-panel .line {
        bottom: 32px;
        left: 32px;
        right: 32px;
    }
    .product-list .col-3 .col-3-item .col-item-content .zh {
        font-size: 20px;
    }
    .product-list .col-3 .col-3-item .col-item-content .en {
        font-size: 12px;
    }
    .classify {
        height: 60px;
        line-height: 60px;
    }
    .classify .item {
        margin: 0 24px;
    }
    .product-detail .right {
        font-size: 16px;
    }
    .product-detail .right .row-title .zh {
        font-size: 150%!important;
    }
    .product-detail .right .row-title .en {
        font-size: 200%!important;
    }
    .product-detail .right .product-feature .flex .text .title .cover-img {
        width: 28px;
    }
    .product-detail .right .product-feature .flex .dot {
        width: 46px;
    }
    .product-detail .right .parameter .clear .value {
        margin-left: 100px;
    }
    .invite-detail .invite-content .item {
        padding: 10px 20px;
    }
    .news-swiper .right .title .fl .big {
        font-size: 42px;
    }
    .news-swiper .right .title .fl .small {
        font-size: 14px;
    }
    .news-swiper .right .title .text {
        font-size: 24px;
        margin-left: 90px;
    }
    .news-swiper .right .detail {
        margin: 42px auto;
    }
    .news-swiper .pagination {
        margin-top: 36px;
    }
    .news-swiper .pagination .swiper-pagination-bullet {
        margin-right: 18px;
    }
    .news-detail.banner .full-content .news-title {
        font-size: 42px;
    }
    .news-detail .body-content .news-other {
        font-size: 16px;
    }
    .cooperation .right .content {
        padding: 25% 15%;
    }
    .culture .container .col-4 .col-4-item .col-item-content .cover-img {
        width: 36px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .big {
        font-size: 20px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .small {
        font-size: 12px;
        height: 146px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .dot {
        margin-top: 36px;
    }
    .contact .col-3 .col-3-item .col-item-content {
        font-size: 16px;
    }
    .contact .col-3 .col-3-item .col-item-content .iconfont {
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 20px;
    }
    .contact .col-3 .col-3-item .col-item-content .title {
        margin: 30px auto 12px;
    }
    .contact .col-3 .col-3-item .col-item-content .small {
        margin-top: 12px;
    }
    .advantage ul li {
        font-size: 14px;
    }
    .company .main-content .fl .flex .big {
        font-size: 32px;
    }
    .company .main-content .fl .flex .big:after {
        margin-left: 8px;
        font-size: 14px;
    }
    .company .main-content .fl .flex .small {
        font-size: 12px;
    }
    .company .main-content .fl ul {
        margin-top: 32px;
    }
    .leader-column .tab-content .title {
        font-size: 12px;
        padding-left: 60px;
    }
    .leader-column .tab-content .container {
        padding-left: 56px;
        right: 60px;
        font-size: 14px;
    }
    .leader-column .tab-options .title {
        font-size: 16px;
        margin-top: 8px;
    }
    .leader-column .icon .cover-img {
        width: 22px;
    }
    .nav-container .nav-panel .item {
        margin: 0 24px;
        font-size: 14px;
    }
    .nav-container .nav-panel .item .option {
        margin-bottom: 24px;
    }
    .nav-container .nav-panel .item .nav-slide a {
        margin-top: 12px;
    }
    .nav-container .full-content .contact {
        font-size: 14px;
    }
    .nav-container .full-content .contact .clear {
        margin-top: 24px;
    }
    .nav-container .full-content .contact .clear .item {
        margin-right: 16px;
    }
    .nav-container .full-content .contact .clear .item .iconfont {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }
    .page {
        line-height: 42px;
    }
    .page li{
        margin: 0 8px;
    }
    .page li a,
    .page li span{
        font-size: 14px;
        width: 42px;
    }
    .page li:first-child a,
    .page li:last-child a,
    .page li:first-child span,
    .page li:last-child span{
        padding: 0 24px;
    }
    .page li:first-child a:before,
    .page li:last-child a:before,
    .page li:first-child span:before,
    .page li:last-child span:before{
        font-size: 36px;
        margin: -18px;
    }
}
@media screen and (max-width: 1000px) {
    .row-title {
        font-size: 36px;
        padding-top: 18px;
    }
    .row-classify {
        line-height: 45px;
    }
    .row-classify .tab-options .item::after{
        bottom: 8px;
    }
    .paragraph-title {
        font-size: 18px;
    }
    .dot span {
        width: 3px;
        margin-right: 4px;
    }
    .nav {
        height: 80px;
        line-height: 80px;
    }
    .nav .nav-content .menu-button {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 32px;
    }
    .banner .full-content .title .t1 {
        font-size: 32px;
    }
    .banner .full-content .title .t2 {
        font-size: 18px;
    }
    .banner .full-content .pagination {
        padding-left: 32px;
    }
    .banner .full-content .pagination .swiper-interval {
        width: 16px;
        height: 16px;
        animation-name: clip2;
    }
    .banner .full-content .pagination .swiper-interval,
    .banner .full-content .pagination .swiper-interval .front,
    .banner .full-content .pagination .swiper-interval .queen {
        border-width: 1px;
    }
    .banner .full-content .pagination .swiper-interval .front,
    .banner .full-content .pagination .swiper-interval .queen {
        left: -1px;
        top: -1px;
    }
    @keyframes clip2 {
        0% {
            clip: rect(0, 18px, 18px, 9px);
            opacity: 1;
        }
        100% {
            clip: auto;
            opacity: 1;
        }
    }
    .banner .full-content .pagination .swiper-pagination .swiper-pagination-total {
        font-size: 12px;
    }
    .banner .full-content .pagination .swiper-pagination .swiper-pagination-total:before {
        margin: 0 10px 2px;
    }
    .banner .full-content .pagination .swiper-pagination .swiper-pagination-current {
        font-size: 16px;
    }
    .banner.empty {
        padding-top: 80px;
    }
    .home-about {
        padding-bottom: 0;
    }
    .home-about .home-about-bg {
        margin: 0 -32px;
        position: relative;
    }
    .home-about .home-about-bg .padding {
        max-width: 648px;
        margin: 0 auto;
    }
    .home-about .home-about-bg .padding:after {
        content: "";
        display: block;
        padding-top: 110%;
    }
    .home-about .home-about-bg .masking {
        width: 50%;
    }
    .home-about .left {
        width: auto;
        margin: 0 auto;
    }
    .home-about .left .line {
        margin: 32px auto;
    }
    .home-about .left .detail {
        margin-top: 24px;
    }
    .home-about .left .idea {
        margin-top: 24px;
    }
    .home-about .left .idea .col-item-content {
        font-size: 16px;
    }
    .home-about .left .idea .col-item-content .iconfont {
        font-size: 180%;
    }
    .home-about .left .idea .col-item-content .big {
        margin-top: 32px;
    }
    .home-about .right {
        left: 0;
        right: 0;
        -webkit-transform: translateY(25%);
        -moz-transform: translateY(25%);
        -ms-transform: translateY(25%);
        -o-transform: translateY(25%);
        transform: translateY(25%);
        top: 100%;
        width: 80%;
        margin: 0 auto;
        max-width: 619px;
    }
    .home-product .col-3-item .full-content {
        font-size: 20px;
    }
    .home-product .col-3-item .full-content .cover-img {
        width: 30px;
    }
    .home-news .content .bottom .more {
        font-size: 0;
        margin-right: -12px;
    }
    .product-detail .body-content {
        height: auto;
    }
    .product-detail .left {
        width: auto;
    }
    .product-detail .left:after {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .product-detail .left .icon-sousuofangda:before {
        font-size: 16px;
        margin: -8px;
    }
    .product-detail .right {
        margin: 24px 0;
        position: static;
        width: auto;
        font-size: 15px;
    }
    .product-detail .right .row-title .zh {
        font-size: 140%!important;
    }
    .product-detail .right .row-title .en {
        font-size: 180%!important;
    }
    .product-detail .right .content {
        padding: 6%;
    }
    .product-detail .right .button {
        padding: 10px 16px;
    }
    .product-detail .right .product-feature .flex .text .title .cover-img {
        width: 24px;
    }
    .product-detail .right .product-feature .flex .dot {
        width: 40px;
    }
    .product-detail .right .parameter .clear .value {
        margin-left: 90px;
    }
    .invite-detail {
        font-size: 16px;
    }
    .invite-detail .line {
        margin: 32px 0;
    }
    .invite-detail .invite-title {
        font-size: 18px;
    }
    .invite-detail .invite-content {
        margin: 24px 0;
    }
    .news-swiper .right .title .fl .big {
        font-size: 32px;
    }
    .news-swiper .right .title .fl .small {
        font-size: 13px;
    }
    .news-swiper .right .title .text {
        font-size: 20px;
        margin-left: 90px;
    }
    .news-swiper .right .detail {
        margin: 32px auto;
    }
    .news-swiper .pagination {
        margin-top: 24px;
    }
    .news-swiper .pagination .swiper-pagination-bullet {
        margin-right: 12px;
    }
    .news-detail.banner .full-content .news-title {
        font-size: 36px;
    }
    .cooperation-top .right .content .title {
        font-size: 24px;
    }
    .cooperation-top .right .content .title .cover-img {
        width: 36px;
    }
    .cooperation-top .right .content .big {
        font-size: 18px;
        margin: 24px auto 12px;
    }
    .cooperation .main-content {
        display: block;
        padding-bottom: 32px;
    }
    .cooperation .left {
        width: auto;
        font-size: 16px;
    }
    .cooperation .left .clear {
        margin-bottom: 12px;
    }
    .cooperation .left .clear .fl {
        line-height: 36px;
    }
    .cooperation .left .clear .put {
        margin-left: 80px;
    }
    .cooperation .left .clear .put input,
    .cooperation .left .clear .put textarea {
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
    }
    .cooperation .left .clear .put input {
        line-height: 36px;
        height: 36px;
    }
    .cooperation .left .clear .put textarea {
        min-height: 100px;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .cooperation .left button {
        margin: 24px auto;
        display: block;
    }
    .cooperation .right {
        width: auto;
        margin-right: 0;
    }
    .cooperation .right .content {
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        padding: 36px 16px;
    }
    .cooperation .right .content .row {
        margin-bottom: 24px;
        padding-left: 40px;
    }
    .cooperation .right .content .row .iconfont {
        line-height: 28px;
        width: 28px;
        font-size: 16px;
    }
    .cooperation .right .content .row .name {
        font-size: 14px;
    }
    .cooperation .right .content .row .value {
        font-size: 16px;
    }
    .recruitment .tab-options{
        margin-top: 24px;
    }
    .recruitment .list .middle .col-2-content {
        padding: 20px 24px 30px;
    }
    .recruitment .list .middle .col-2-content .title {
        line-height: 40px;
    }
    .recruitment .list .middle .col-2-content .title .fl {
        font-size: 18px;
    }
    .recruitment .list .middle .col-2-content .title .iconfont {
        font-size: 14px;
    }
    .recruitment .list .middle .col-2-content .information li {
        width: 50%;
    }
    .recruitment .list .middle .col-2-content .information li .content {
        margin-top: 30px;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(3n-2),
    .recruitment .list .middle .col-2-content .information li:nth-of-type(3n) {
        width: 50%;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(3n-2) .content {
        border-right: none;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(3n) .content {
        border-left: none;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(2n-1) .content {
        padding: 0 24px 0 0;
        border-right: 1px dashed rgba(0, 0, 0, 0.2);
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(3n+1) {
        clear: unset;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(2n+1) {
        clear: both;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(2n) .content {
        padding: 0 0 0 24px;
    }
    .recruitment .list .middle .col-2-content:hover {
        border: 0 none transparent;
        -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }
    .recruitment .list .middle .col-2-content:hover .title .fl {
        color: #089cb3;
    }
    .recruitment .list .middle .col-2-content:hover .title .iconfont {
        visibility: visible;
        opacity: 1;
        pointer-events: unset;
    }
    .culture .culture-content .body-content {
        padding-bottom: 600px;
    }
    .culture .container .col-4 {
        margin-right: -4%;
        margin-top: -4%;
    }
    .culture .container .col-4 .col-4-item {
        width: 50%;
    }
    .culture .container .col-4 .col-4-item .col-item-content {
        margin-right: 8%;
        margin-top: 8%;
        padding: 16px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .cover-img {
        width: 32px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .big {
        font-size: 16px;
    }
    .culture .container .col-4 .col-4-item .col-item-content .dot {
        margin-top: 12px;
    }
    .contact .col-3 .col-3-item .col-item-content {
        font-size: 14px;
    }
    .contact .col-3 .col-3-item .col-item-content .iconfont {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
    }
    .contact .col-3 .col-3-item .col-item-content .title {
        margin: 24px auto 12px;
    }
    .fixed-panel .iconfont {
        font-size: 16px;
    }
    .advantage .right {
        width: auto;
        position: static;
        padding-top: 64%;
        margin-top: 24px;
    }
    .advantage ul {
        width: auto;
    }
    .company .main-content {
        padding-top: 1px;
    }
    .company .main-content .fl,
    .company .main-content .fr {
        float: none;
        width: auto;
        margin-top: 36px;
    }
}
@media screen and (max-width: 768px) {
    .full-content,
    .cross-content {
        padding-left: 16px;
        padding-right: 16px;
    }
    .cross-content {
        margin-left: -16px;
        margin-right: -16px;
    }
    .row-classify .tab-options {
        margin-right: 0;
        text-align: center;
        clear: both;
        padding-top: 32px;
    }
    .row-classify .tab-options .item{
        margin: 0 8px;
    }
    a.focus {
        width: 100px;
        height: 32px;
        line-height: 32px;
    }
    .logo {
        width: 150px;
    }
    body {
        font-size: 14px;
    }
    .row-title {
        font-size: 28px;
        padding-top: 14px;
    }
    .paragraph-title {
        font-size: 16px;
    }
    .col-3 .col-3-item,
    .col-4 .col-4-item {
        width: 50%;
    }
    .nav {
        height: 64px;
        line-height: 64px;
    }
    .nav .nav-content .menu-button {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        padding: 0 16px 2px 16px;
    }
    .nav .nav-content .menu-button .icon {
        margin-left: 8px;
        line-height: 4px;
    }
    .nav .nav-content .menu-button .icon i {
        margin-left: 2px;
        height: 2px;
    }
    .nav .nav-content .menu-button .icon i.s {
        width: 2px;
    }
    .nav .nav-content .menu-button .icon i.l {
        width: 5px;
    }
    .nav.selected .menu-button .icon i {
        height: 1px;
    }
    .nav.selected .menu-button .icon i.l {
        width: 16px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        margin: -0.5px 0 0 -9px;
    }
    .nav.selected .menu-button .icon i.l:first-child {
        top: 4px;
        transform: translate(8px, 2px) rotateZ(45deg);
    }
    .nav.selected .menu-button .icon i.l:nth-of-type(4) {
        bottom: 12px;
        transform: translate(8px, -2px) rotateZ(-45deg);
    }
    .nav.selected .menu-button .icon i.s {
        opacity: 0;
        visibility: hidden;
    }
    .nav-container .full-content{
        padding-bottom: 16px;
    }
    .banner-content {
        height: 432px;
    }
    .banner .masking .left {
        width: 75%;
    }
    .banner .full-content {
        bottom: 24px;
    }
    .banner .full-content .title .t1 {
        font-size: 24px;
    }
    .banner .full-content .title .t2 {
        font-size: 14px;
    }
    .banner .full-content .down .mouse {
        margin-right: 16px;
    }
    .banner.empty {
        padding-top: 64px;
    }
    .header-placeholder {
        padding-top: 432px;
    }
    .home-about .left .idea {
        margin-top: 24px;
    }
    .home-about .left .idea .col-4-item:nth-of-type(2n+1) .col-item-content {
        -webkit-border-radius: 0 0 0 8px ;
        -moz-border-radius: 0 0 0 8px ;
        border-radius: 0 0 0 8px ;
        border-left: 1px solid #e5e5e5;
    }
    .home-about .left .idea .col-4-item:first-child .col-item-content {
        -webkit-border-radius: 8px 0 0 0;
        -moz-border-radius: 8px 0 0 0;
        border-radius: 8px 0 0 0;
        border-bottom: 0 none;
    }
    .home-about .left .idea .col-4-item:nth-of-type(2n) .col-item-content {
        -webkit-border-radius: 0 8px 0 0;
        -moz-border-radius: 0 8px 0 0;
        border-radius: 0 8px 0 0;
        border-bottom: 0 none;
    }
    .home-about .left .idea .col-4-item:last-child .col-item-content {
        -webkit-border-radius: 0 0 8px 0;
        -moz-border-radius: 0 0 8px 0;
        border-radius: 0 0 8px 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .home-about .left .idea .col-item-content {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        padding: 24px 20px;
        font-size: 16px;
    }
    .home-about .left .idea .col-item-content .big {
        font-weight: bold;
    }
    .footer .nav .blogroll {
        height: 32px;
        width: 100px;
        line-height: 32px;
        font-size: 12px;
        padding: 0 12px;
        margin-left: 0;
    }
    .footer .nav .blogroll .iconfont {
        margin-left: 4px;
        width: auto;
        height: auto;
        border: 0 none;
        line-height: 1;
    }
    .footer .nav .blogroll span.middle {
        vertical-align: top;
    }
    .footer .nav .blogroll .slide {
        -webkit-border-radius: 0 0 16px 16px;
        -moz-border-radius: 0 0 16px 16px;
        border-radius: 0 0 16px 16px;
    }
    .footer .nav .blogroll .slide .item {
        line-height: 32px;
    }
    .footer .nav .blogroll.active {
        -webkit-border-radius: 16px 16px 0 0;
        -moz-border-radius: 16px 16px 0 0;
        border-radius: 16px 16px 0 0;
    }
    .footer .line {
        margin: 16px 0 -6px;
    }
    .footer .copyright .item .fl,
    .footer .copyright .item .fr {
        float: none;
        margin-top: 36px;
        margin-right: 0;
    }
    .footer .copyright .item .fl.wechat .row {
        text-align: center;
    }
    .footer .copyright .item .fl:not(.wechat) .row {
        padding-left: 42px;
    }
    .footer .copyright .item .row {
        margin-top: 12px;
        line-height: 28px;
    }
    .footer .copyright .item .iconfont.circle {
        width: 26px;
        height: 26px;
        line-height: 26px;
    }
    .footer .beian {
        text-align: center;
    }
    .footer .beian span {
        font-size: 12px;
        margin: 0;
        display: block;
    }
    .home-product .col-3-item {
        float: none;
        width: auto;
    }
    .home-product .col-3-item .full-content {
        font-size: 16px;
        font-weight: normal;
    }
    .home-product .col-3-item .full-content .line {
        height: 1px;
    }
    .home-product .col-3-item .full-content .default-panel .line {
        margin: 32px 0;
    }
    .home-product .col-3-item .full-content .default-panel .big {
        margin-top: 32px;
    }
    .home-product .col-3-item .full-content .default-panel .more {
        margin-top: 48px;
    }
    .home-product .col-3-item .full-content .active-panel .order {
        font-weight: bold;
    }
    .home-product .col-3-item .full-content .active-panel .focus {
        width: 42px;
        margin-top: 24px;
    }
    .home-product .col-3-item .full-content .cover-img {
        width: 24px;
    }
    .home-news .body-content .tab-options {
        margin-right: 0;
    }
    .home-news .body-content .focus {
        width: 100px;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
    }
    .home-news .content {
        padding: 24px;
        margin: 0 6px;
    }
    .home-news .content .title {
        font-size: 16px;
        font-weight: normal;
        margin: 20px auto 12px;
        height: 26px;
    }
    .home-news .content .detail {
        height: 38.5px;
    }
    .home-news .content .detail,
    .home-news .content .bottom {
        font-size: 12px;
    }
    .home-news .content .bottom .more {
        height: 24px;
        line-height: 24px;
        padding-left: 36px;
    }
    .home-news .content .bottom .more:before {
        width: 4px;
        height: 4px;
        left: 16px;
        top: 0;
    }
    .home-news .content .margin {
        height: 12px;
    }
    .home-news.news-list .content {
        margin: 0;
    }
    .home-news.news-list .content .title {
        height: 52px;
    }
    .home-news .swiper-slide:before {
        height: 38px;
    }
    .home-news .col-item-content .content .title,
    .home-news .swiper-slide:hover .content .title {
        height: 52px;
    }
    .home-news .swiper-slide:hover .content .margin {
        height: 24px;
    }
    .classify .item {
        margin: 0 12px;
    }
    .classify .item:after {
        height: 2px;
    }
    .product-list .col-3 .col-3-item .col-item-content {
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .product-list .col-3 .col-3-item .col-item-content .zh {
        font-size: 16px;
    }
    .product-detail .right {
        font-size: 14px;
    }
    .product-detail .right .row-title .zh {
        font-size: 120%!important;
    }
    .product-detail .right .row-title .en {
        font-size: 150%!important;
    }
    .invite-detail .invite-title {
        font-size: 16px;
    }
    .invite-detail .invite-content .item {
        display: block;
        font-size: 16px;
        padding: 12px 32px;
        margin-bottom: 16px;
    }
    .invite-detail .invite-content .item .iconfont {
        font-size: 16px;
        margin-right: 6px;
    }
    .news-swiper .left .cover-img {
        padding-top: 167px;
    }
    .news-swiper .right .title {
        font-weight: normal;
    }
    .news-swiper .right .title .fl {
        text-align: center;
    }
    .news-swiper .right .title .fl .big {
        font-size: 24px;
    }
    .news-swiper .right .title .text {
        font-size: 16px;
        margin-left: 60px;
    }
    .news-swiper .right .detail {
        margin: 24px auto;
        font-size: 12px;
    }
    .news-swiper .pagination {
        text-align: center;
    }
    .news-swiper .pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 6px;
    }
    .news-detail.banner .full-content .news-title {
        font-size: 24px;
    }
    .news-detail .body-content .news-other {
        font-size: 14px;
    }
    .news-detail .body-content .news-other .page {
        margin-right: 0;
    }
    .news-detail .body-content .news-other .back {
        display: none;
    }
    .cooperation-top {
        padding-bottom: 0;
    }
    .cooperation-top .left,
    .cooperation-top .right {
        width: auto;
    }
    .cooperation-top .right {
        position: static;
        padding: 36px 0;
    }
    .cooperation-top .right .content {
        position: static;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .cooperation-top .right .content .title {
        font-size: 20px;
    }
    .cooperation-top .right .content .title .cover-img {
        width: 24px;
    }
    .cooperation-top .right .content .big {
        font-size: 16px;
        margin: 24px auto 12px;
    }
    .cooperation-top .right .content .small {
        font-size: 12px;
    }
     .recruitment .tab-options .item{
        width: 25%;
        padding: 0;
        float: left;
        margin: 0;
    }
    .recruitment .list {
        margin-right: 0;
    }
    .recruitment .list .middle {
        display: block;
        width: auto;
    }
    .recruitment .list .middle .col-2-content {
        margin-right: 0;
    }
    .recruitment .list .middle .col-2-content .information li {
        font-size: 12px;
    }
    .recruitment .list .middle .col-2-content .information li .content {
        margin-top: 20px;
    }
    .recruitment .list .middle .col-2-content .information li .content .name {
        margin-bottom: 6px;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(3n-2),
    .recruitment .list .middle .col-2-content .information li:nth-of-type(3n) {
        width: 50%;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(3n-2) .content {
        border-right: none;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(3n) .content {
        border-left: none;
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(2n-1) .content {
        padding: 0 12px 0 0;
        border-right: 1px dashed rgba(0, 0, 0, 0.2);
    }
    .recruitment .list .middle .col-2-content .information li:nth-of-type(2n) .content {
        padding: 0 0 0 12px;
    }
    .contact .col-3 {
        display: block;
        border-bottom: 1px solid #e5e5e5;
    }
    .contact .col-3 .col-3-item {
        display: block;
        width: auto;
        border-left: 1px solid #e5e5e5;
        border-bottom: 0 none;
    }
    .contact .col-3 .col-3-item .col-item-content {
        padding: 24px;
    }
    .advantage ul li {
        font-size: 12px;
        padding: 12px 40px 12px 56px;
    }
    .advantage ul li .icon {
        width: 60px;
        height: 60px;
    }
    .advantage ul li .icon:after {
        width: 24px;
        height: 24px;
        margin: -12px;
    }
    .company .main-content .fl .flex .big {
        font-size: 24px;
    }
    .company .main-content .fl .flex .big:after {
        font-size: 12px;
    }
    .company .main-content .fl .flex:after {
        right: 30%;
    }
    .leader-column .body-content {
        height: 320px;
    }
    .leader-column .tab-content {
        right: 52px;
        width: auto;
        border-right: 1px solid #e5e5e5;
    }
    .leader-column .tab-content .title {
        font-size: 9px;
        padding-left: 40px;
    }
    .leader-column .tab-content .container {
        padding-left: 36px;
        right: 16px;
    }
    .leader-column .tab-options {
        position: absolute;
        top: 50%;
        display: block;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: auto;
        border-right: 0 none;
        right: -14px;
        width: 64px;
    }
    .leader-column .tab-options .title,
    .leader-column .tab-options .dot {
        display: none;
    }
    .leader-column .tab-options .item {
        float: none;
        width: 36px;
        height: 36px;
        margin: 16px auto;
    }
    .leader-column .tab-options .item:after {
        padding-top: 0;
    }
    .leader-column .tab-options .item .content {
        position: static;
    }
    .leader-column .tab-options .item .default .content {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .leader-column .tab-options .item .default .content .icon {
        background-color: transparent;
        border: 1px solid #089cb3;
    }
    .leader-column .tab-options .item .default .content .icon .cover-img {
        background-image: url(/assets/index/images/home-product-active.png);
    }
    .leader-column .tab-options .item .selected {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        background-image: none!important;
    }
    .leader-column .tab-options .item .selected .content {
        padding: 0;
        background: none;
    }
    .leader-column .tab-options .item .selected .content .icon {
        background-color: #089cb3;
        padding: 8px;
    }
    .leader-column .tab-options .item.active .default {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }
    .leader-column .tab-options .item.active .selected {
        visibility: visible;
        opacity: 1;
        pointer-events: unset;
    }
    .leader-column .icon {
        padding: 7px;
    }
    .leader-column .icon .cover-img {
        width: 20px;
    }
    .nav-container .nav-panel {
        top: 90px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .nav-container .nav-panel .item {
        display: block;
        font-size: 12px;
    }
    .nav-container .nav-panel .item .nav-slide {
        display: none;
    }
    .nav-container .full-content .contact {
        margin-right: 0;
    }
    .nav-container .full-content .wechat {
        position: static;
        margin: 16px auto 0;
        display: none;
    }
    .nav-container .full-content .contact .clear .item {
        float: none;
        margin-right: 0;
        margin-top: 16px;
    }
    .page {
        line-height: 34px;
    }
    .page li{
        margin: 0 2px;
    }
    .page li a,
    .page li span{
        font-size: 12px;
        width: 34px;
    }
    .page li:first-child a,
    .page li:last-child a,
    .page li:first-child span,
    .page li:last-child span{
        padding: 0 16px;
    }
    .page li:first-child a:before,
    .page li:last-child a:before,
    .page li:first-child span:before,
    .page li:last-child span:before{
        font-size: 24px;
        margin: -12px;
    }
    .nav-container .nav-panel .item .option {
        margin-bottom: 16px;
        font-size: 14px;
        text-align: center;
    }
}