@media only screen and (max-width:1600px) {

    .carbon-about .ico img {
        max-width: 100%;
        object-fit: cover;
        height: 100%;
    }
    .index_top .tou2 {
        width: 100%;
    }
    
    .carbon-about .ico img.pc-img {
        max-width: 100%;
        object-fit: cover;
        height: 100%;
    }
    .carbon-about .center li {
        align-items: normal;
    }
    
    .about2
    {
        justify-content: initial;
        align-items: initial;
    }
    .about2-right img {
        width: 100%;
        border-radius:0px;
        max-width: 100%;
        object-fit: cover;
        height: 100%;
    }
    .Integration6 .center ul.list1 li .text {
        padding: 1.3em;
    }
    
    .Integration6 .center ul {
        min-height: 390px;
    }
    
    
    }
    
    
    
    
    @media only screen and (max-width: 1080px) {
    
    
    .izl-rmenu .phone
    {
        display: none;
    }
    .izl-rmenu .tel a
    {
        display: block;
        width: 100%;
        height: 100%;
        background: none;
    }
    
    body {
        font-size: 14px;
    }
    
    .pc-img
    {
        display: none;
    }
    .phome-img
    {
        display:block;
    }
    
    
    /**top**/
    .nav li.en
    {
        display: block;
    }
    
    
    .top_contact,.logo a p,.search,.index_top .en
    {
        display:none;
    }
    .logo a img{
        height: 38px;
        margin: 0px 0px; margin-top: 7px;
    }
    .top_main .top_contact li .icon {
        height: 70px;
    }
    
    .index_top .tou2 {
        width: 100%;
    }
    
    .top_main {
        width: 200px;
        justify-content: flex-end;
        margin-right: 30px;
    }
    
    .nav-main
    {
        display:none;
    }
    
    
    
        .m_gb {
            right: 9px;
            width: 30px;
            height: 50px;
            position: absolute;
            top: 30px
        }
    
/*        .m_gb:before {
            content: '';
            width: 25px;
            height: 2px;
            background: #ddd;
            position: relative;
            display: block;
            -moz-transform: rotate(225deg);
            -webkit-transform: rotate(225deg);
            -o-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: rotate(225deg);
            position: relative;
            top: 2px;
            left: .5px
        }
    
        .m_gb:after {
            content: '';
            width: 25px;
            height: 2px;
            background: #ddd;
            position: relative;
            display: block;
            -moz-transform: rotate(-225deg);
            -webkit-transform: rotate(-225deg);
            -o-transform: rotate(-225deg);
            -ms-transform: rotate(-225deg);
            transform: rotate(-225deg)
        }*/
    
        .top_tel a {
            width: 180px;
            height: 46px;
            line-height: 46px;
            background: url(https://www.vensi.cn/template/default/images/index_05.jpg) #01a8ec no-repeat 20px center;
            border-radius: 30px;
            color: #fff;
            float: right;
            font-size: 16px;
            padding-left: 46px;
            margin-top: 27px
        }
    
        .logo img {
            height: 60px;
            float: left
        }
    
        .index_top {
            height: 56px;
        }
    
        #navToggle {
            position: fixed;
            right: 20px;
            width: 25px;
            display: block;
            top: 2px;
        }
    
        #navToggle span {
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            display: block;
            background: #000;
            height: 2px;
            position: relative;
            width: 100%;
            margin-top: 24px;
        }
    
        #navToggle span:before {
            content: '';
            position: relative;
            width: 100%;
            height: 2px;
            left: 0;
            top: 8px;
            display: block;
            background: #000;
        }
    
        #navToggle span:after {
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            display: block;
            background: #000;
            content: '';
            bottom: 10px;
            width: 100%;
            height: 2px;
            position: relative
        }
    
        #menu .nav {
            position: fixed;
            height: 100vh;
            z-index: 999;
            background: #fff;
            left: 0;
            top: 0;
            padding-top: 80px;
            transform: translateX(100%);
            transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
            -webkit-transition: all ease .5s;
            width: 100%;
            padding: 80px 20px 0px;
        }
    
        #menu .open {
            transform: translateX(0)
        }
    
        #menu .nav li {
            width: 100%;
            line-height: 50px;
            padding: 0px;
            margin: 0px 0px 0px;
        }
        #menu .nav li.active
        {
            z-index: 999999;
        }
    
        #menu .nav li a {
            line-height: 60px;
            text-align: left;
            border-bottom: 1px #eee solid;
            padding: 0 0;
            color: #000;
            margin-bottom: 0px;
        }
    
        #menu .nav li a:hover {
            background: 0 0;
            color: #3284ff;
        }
        
    .nav li .nav_sj.two a {
        width: calc(100% / 1);
        float: left;
        padding-right:0px;
    }
        
    .nav li a.navyj:before
    {
        display: none;
    }
    
    .nav li .nav_ej
        {
        display: block !important;
        position: fixed;
        top: 0px;
        visibility: inherit;
        height: 100%;
        transform: translateX(100%);
        transition: all 0.5s;
        background: #fff;
        height: 100vh;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.05);
     }
        
    .nav li .nav_sj
    {
        display: none;
        padding: 0px 10px;
    }
        
        
        
    .nav li .nav_ej.active
    {
        transform: translateX(0%);   
    }
        
        
    .nav li .nav_ej .center {
        display: block;
        padding: 20px 20px;
        width:100%;
    }	
    .nav li .btn-nav-back
        {
        display: flex;
        text-align: left;
        padding: 0px 40px;
        margin-top: 60px;
        line-height: 40px;
        align-items: center;
        position: relative;
     }
    .nav li .btn-nav-back:before
        {
        content: '';
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 2px solid #ddd;
        border-color: #ddd;
        transform: rotate(-135deg);
        right: 10px;
        border-right: 2px solid #ddd;
        top: 15px;
        left: 20px;
     }
    
        
    .ejlist {
        width: 100%;
        text-align: left;
        position: relative;
        overflow: hidden;
    }
    .nav li .nav_sj a {
        line-height: 2.2em;
        font-size: 1em;
        color: #666 !important;
        line-height: 40px !important;
    }
    
    
        
    #menu .nav li i
    {
        width: 60px;
        height: 60px;
        position: absolute;
        right: 0px;
        top: 0px; 
    }
        
        
    #menu .nav li i:before
    {
        content: '';
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 2px solid #ddd;
        border-color: #ddd;
        transform: rotate(45deg);
        right: 10px;
        border-right: 2px solid #ddd;
        top: 25px;
    }
    
    .nav li:hover .nav_ej {
        opacity: 1;
        visibility: initial;
        height: 100%;
    }
    #menu .nav li.active .nav_ej
        {
            transform: translateX(0%);
        }
        
        
        
    
    /**banner**/
    
    
    .n_banner {
        margin-top: 70px;
        height: 200px;
    }
    .banner_text p {
        font-size: 22px;
    }
    .banner_text p span {
        font-size: 30px;
        margin-top: 5px;
    }
    .n_banner img {
        width: 100%;
        margin: 0 auto;
        object-fit: cover;
        height: 100%;
    }
    .pc-bn,.thumbnail
    {
        display:none;
    }
    .m-bm
    {
        display:block; 
    }
    
    .index_bn .carousel-img
    {
        height: 220px;
    }
    
    
    .index_bn .carousel-img img
    {
        width: 100%;
        margin: 0 auto;
        object-fit: cover;
        height: 100%;
    }
    .index_bn .text .title {
        font-size: 1.6em;
    }
    .index_bn {
        margin-top: 56px;
    }
    .swiper-bn-list {
        position: absolute;
        bottom: 20px !important;
    }
    .swiper-bn-list span {
        width: 30px;
        margin: 0px 5px;
    }
    .index_bn .text .more {
        width: 100%;
        padding: 0 30px;
        line-height: 36px !important;
        max-width: 120px;
    
    }
    
    
    .nybanner {
        margin-top: 56px;
        height: 200px;
    }
    .mnybanner
        {
        height: 200px;
        }
    
    .newbn
    {
        height: 120px;    
    }
    .news_detail {
        padding-top: 30px;
    }
        
    .nybanner img {
        width: 100%;
        margin: 0 auto;
        object-fit: cover;
        height: 100%;
    }
    .nybanner .bntext p .subname {
        display: block;
        font-size: 1.6em;
        color: #000;
        font-weight: 700;
    }
    .nybanner .bntext p {
        padding: 0px 20px;
        width: 100%;
    }
    .nybanner .bntext p .def1 {
        display: block;
        font-size: 1em;
        color: #000;
        margin-top: 5px;
    }
    .flcenter {
        max-width: 1400px;
        overflow: hidden;
        margin: auto;
        padding: 0px 10px 0px 10px;
        width: calc(100% - 40px);
        background: rgba(255,255,255,0.9);
        border-radius: 8px;
        box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
        transition: all 0.5s;
    }
    .consultation
    {
        display:none;
    }
    
    .fltitle a {
        line-height: 60px;
        color: #000;
        font-size: 1em;
        padding: 0px 5px;
    }
    .fl {
        margin-top: -30px;
        position: sticky;
        z-index: 2;
        top: 56px;
        transition: all 0.5s;
    }
    .active_top .flcenter {
        background: rgba(255,255,255,1);
        width: 100%;
        border-radius: 0px;
    }
    
    
    /**.footer**/
    
    .footer_left
    {
        width: 100%;
        margin-bottom: 10px;
    }
    .footer_left ul li {
        width: 100%;
        padding-right: 0%;
        position: relative;
    }
    
    .footer_c_left .title {
        padding-bottom: 10px;
    }
    .footer_left ul {
        display: block;
    }
    .footer_navej
    {
        display:none;
        padding-bottom: 20px;
    }
    .footer_navyj {
        font-size: 1.1em;
        color: #dfdfdf !important;
        padding-bottom: 15px;
        display: block;
        font-weight: normal;
        border-bottom: 1px rgba(255,255,255,0.1) solid;
        margin-bottom: 15px;
    }
    .footer_left ul li i
        {
            width: 60px;
            height: 40px;
            position: absolute;
            right: 0px;
            top: 0px;
        }
        
    .footer_left ul li i:before {
        content: '';
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 10px;
        height: 10px;
        border-top: 2px solid #ddd;
        border-color: #ddd;
        transform: rotate(45deg);
        right: 10px;
        border-right: 2px solid #ddd;
        top: 6px;
    }
        
    
    .footer_main_ce {
        padding: 0px;
        width: 100%;
    }
    .bq a
    {
        display: inline-block;
        margin: 0px 0px;
    }
    .footer_main_center {
        padding: 35px 0px 25px;
        display: block;
    }
    .footer_c_left .tel a {
        pointer-events: auto;
    }
    
    
    .bq .main {
        padding: 20px 20px;
        display: block;
        font-size: 1em;
    }
    .bq .main .link
        {
            
        }
    .link2
    {
        margin-left:0px;
        pointer-events: auto;
    }	
    
    /**index**/
    .pag-title p {
        font-size: 1.6em;
    }
    
    .pag-title {
        margin-bottom: 0px;
    }
    .pag2 .center ul li .text {
        padding: 20px 25px;
    }
    
    .pag2 {
        padding: 30px 0px 20px;
    }
    
    .pag2 .center {
        width: 100%;
    }
    .pag2 .center ul.top li:nth-of-type(1) {
        width: 100%;
        padding: 10px 20px 0px;
    }
    .pag2 .center ul li {
        width: 100%;
    }
    .pag2 .center ul li .ico {
        max-height: 210px;
    }
    .pag2 .center ul.top {
        display: block;
    }
    .pag2 .center ul {
        display: block;
    }
    .pag2 .center ul li .text .title span {
        display: block;
        font-size: 14px;
    }
    .pag2 .center ul li .text .title {
        font-size: 1.3em;
    }	
    .pag2 .center ul.top li:nth-of-type(1) .text .more {
        display: none;
    }
    
    
    .pag2 .center ul li .ico .pc {
        display: none;
    }
    .pag2 .center ul li .ico .mobile {
        display: block;
    }
    
    .pag3 {
        background: #fafafa;
        overflow: hidden;
        padding: 0px 0px;
        position: relative;
        height: 220px;
    }
    .pag3 img {
        width: 170%;
        object-fit: cover;
        height: 100%;
    }
    .pag3 .center {
        overflow: hidden;
        max-width: 1240px;
        width: 100%;
        margin: auto;
        padding: 0px 20px;
    }
    .btn-group {
        padding: 0 30px;
        line-height: 40px !important;
        text-align: center;
        border: 1px solid #000;
        display: block;
        color: #000 !important;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1em;
        margin: 40px auto 0px;
        max-width: 120px;
        transition: all 0.5s;
    }
    .pag3 .btn-group {
        margin: 20px 0px 0px;
    }
    .pag3 .title {
        font-size: 1.6em;
    }
    .pag3 .content {
        margin-top: 5px;
        font-size: 1em;
        line-height: 1.5em;
    }
    
    
    .btn-group {
        padding: 0 30px;
        line-height: 40px !important;
        text-align: center;
        border: 1px solid #000;
        display: block;
        color: #000 !important;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 1em;
        margin: 0px auto 0px;
        max-width: 120px;
        transition: all 0.5s;
    }
    .pag4 {
        background: #fafafa;
        overflow: hidden;
        padding: 40px 0px 40px;
    }
    
    .pag4 ul li {
        width: 100%;
        padding: 10px 20px 10px;
        float: left;
    }
    .pag4 ul {
        width: 100%;
        margin-top: 0px;
    }
    
    .pag4 ul li .ext_summary {
        font-size: 1em;
        color: #666666;
        line-height: 1.8em;
        margin: 10px 0px 35px;
    }
    .pag4 ul li .text {
        padding: 20px;
    }
    
    
    /**carbonpag1**/
    .carbonpag1 {
        padding: 40px 0px 0px;
    }
    .carbonpag1 .center{
        padding: 0px 20px;
        width:100%;
    }
    .cartitle p {
        font-size: 1.6em;
        margin-bottom: 0px;
    }
    
    .cartitle span {
        font-size: 1em;
        padding: 0px 20px;
    
    }
    .carbonpag2 ul li {
        width: 100%;
        float: left;
        margin-right: 0px;
        margin-bottom: 20px;
        border-radius: 0px;
        overflow: hidden;
        box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    }
    
    .carbonpag2 {
        overflow: hidden;
        padding-top: 40px;
    }
    
    .carbonpag2 .center {
        padding: 0px 20px;
        width: 100%;
    }
    .carbonpag2 ul li .text .ext-carbon {
        min-height: auto;
        font-size: 1em;
    }
    .carbonpag2 ul li .text {
        padding: 20px;
    }
    .carbonpag2 ul li .text .title,.carbonpag3 ul li .text .title {
        font-size: 1.24em;
    }
    .carbonpag2 ul li .text .more {
        display: inline-block;
        padding: 0px 20px;
        line-height:42px;
        margin-top: 20px;
        transition: all 0.5s;
        font-size: 1em;
    }
    
    .carbonpag3 {
        overflow: hidden;
        padding-top: 30px;
        padding-bottom: 0px;
    }
    .carbonpag3 ul li {
        width: 100%;
        float: left;
        margin-right: 0px;
        margin-bottom: 20px;
        border-radius: 0px;
        overflow: hidden;
        border: 1px #eee solid;
    }
    .carbonpag3 ul li .text {
        padding: 20px;
    }
    
    .carbonpag3 ul {
        max-width: 1440px;
        overflow: hidden;
        margin: auto;
        padding: 0px 20px 30px;
        width: 100%;
    }
    
    .carbonpag3 ul li .text .ext-carbon {
        min-height: auto;
        font-size:1em;
    }
    
    .carbonpag3 ul li .text .more {
        margin-top: 50px;
        font-size: 1em;
    }
    
    
    .carbonpag4 {
        padding: 40px 0px;
    }
    
    
    .pag4.carbonpag6 {
        padding: 40px 0px 0px;
    }
    .cartitle {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .carbonpag5 .center {
        width: 100%;
    }
    
    .form-group .input-group.w50 {
        width: 100%;
        margin: 15px 0px 0px;
    }
    .form-group.level0 {
        overflow: hidden;
        margin-bottom: 0px;
    }
        
    #content {
        width: 100%;
        margin: 20px 0px;
        border-radius: 4px;
        border: 1px #000 solid;
        height: 200px;
        padding: 10px 10px;
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .minisiteRegisterForm .box-field .box-title {
        padding: 0px 0px;
    }
    .lybutton {
        width: 100%;
        line-height: 48px;
    }
    ul.lycontact {
        display: block;
        justify-content: space-between;
        margin-top: 30px;
        padding: 0px;
    }
    ul.lycontact li span {
        font-size: 1.1em;
        color: #000;
    }
    ul.lycontact li {
        padding:5px 0px;
    }
    
    .carbonpag5 {
        padding: 40px 0px;
    }
    
    
    /**carbon-about**/
    
    .carbon-about .center {
        max-width: 1440px;
        overflow: hidden;
        margin: auto;
        padding: 60px 20px;
        width: 100%;
    }
    .carbon-about .text .main p {
        text-indent: 0em;
        font-size: 1em;
    }
    
    .carbon-about .center li {
        display: block;
        justify-content: space-between;
        align-items: center;
    }
    .carbon-about .ico {
        width: 100%;
        max-width: 100%;
        padding-right: 0px;
    }
    .carbon-about .text {
        width: 100%;
        padding-left: 0px;
    }
    .carbon-about .text .title {
        font-size: 2em;
        margin-top: 30px;
    }
    
    
    .carbon-culture li {
        display: block;
        justify-content: space-between;
        max-width: 1240px;
        margin: 40px auto 0px;
        overflow: hidden;
    }
    .carbon-culture li .text .title {
        font-size: 1.4em;
        color: #fff;
        font-weight: 700;
        text-align: center;
        margin: 30px 0px 10px;
    }
    .carbon-culture li .text {
        min-width: auto;
        width: 50%;
        float: left;
        overflow: hidden;
        margin-bottom: 40px;
    }
    .carbon-culture li .text .ext_carbon {
        color: #fff;
        font-size: 0.8em;
    }
    .carbon-culture li .text img {
        height: 34px;
    }
    
    .carbon-culture li .text {
        min-width: auto;
        width: 50%;
        float: left;
    }
    .carbon-culture .center {
        max-width: 1440px;
        overflow: hidden;
        margin: auto;
        padding: 60px 20px;
        width: 100%;
    }
    
    .honor {
        background: #fafafa;
        overflow: hidden;
        padding:0px 20px 0px;
        width: 100%;
    }
    
    
    .honor .main {
        position: relative;
        padding: 0px 0px;
        height: auto !important;
    }
    .honor .center {
        max-width: 1440px;
        overflow: hidden;
        margin: auto;
        padding: 40px 0px 40px;
        width: 100%;
    }
    .carbon-contact .center {
        padding: 40px 20px;
        width: 100%;
    }
    .carbon-contact .main {
        display: block;
    }
    .carbon-contact .left {
        width: 100%;
    }
    .my-map {
        margin: 0px auto 0px;
        width: 100%;
        height: 200px !important;
    }
    .carbon-contact .right {
        width: 100%;
        padding: 20px;
    }
    .carbon-contact .right .title {
        font-size: 1.4em;
        margin-bottom: 20px;
    }
    .carbon-contact .right span {
        font-size: 1em;
        color: #000;
    }
    
    /**about**/
    .about .center {
        padding: 0px 20px;
        margin: auto;
        width:100%;
    }
    .about1 img.pic2 {
        margin: 20px 0px 10px 0px;
        height: 30px;
    }
    .about1
    {
        margin-top: 40px;  
    }
    
    
    
    .about1 .title {
        font-size: 1.1em;
        color: #333;
        font-weight: 700;
        line-height: 1.8em;
    }
    .about2 {
        margin-top: 30px;
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .about2-left {
        width: 100%;
        line-height: 1.8em;
        color: #333;
        font-size: 1em;
    }
    .about2-left h1 {
        color: #333;
        font-size: 1.6em;
        font-weight: 700;
        margin-bottom: 5px;
    }
    .about2-right {
        width: 100%;
        padding-left: 0px;
        margin-top: 30px;
    }
    .about2-left ul {
        display: block;
    }
    .about2-left ul {
        display: block;
        overflow: hidden;
    }
    .about4 {
        overflow: hidden;
        border-radius:0px;
        background: url(../image/about_38.jpg) no-repeat center;
        padding: 40px 20px;
        margin-top: 40px;
        margin-bottom: 60px;
    }
    
    .about2-left ul li {
        margin-right: 0px;
        width: 33.33%;
        float: left;
        margin-bottom: 20px;
    }
    
    .about3 ul li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    
    .about3 ul {
        display: block;
    }
    .about3 ul li {
        width: 100%;
        margin-right: 50px;
    }
    
    .about4 .text {
        margin-left: 0%;
        display: block;
    }
    .about4 p {
        font-size: 0.85em;
    }
    
    /**cooperate**/
    
    .cooperate .center {
        max-width: 1440px;
        margin: auto;
        padding: 0px 20px;
        width: 100%;
        position: relative;
        margin-top: -50px;
        overflow: hidden;
    }
    .cooperate ul.main li {
        width: calc((100% - 10px)/2);
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        position: relative;
    }
    .cooperate ul.main li:nth-of-type(5n) {
        margin-right: 10px;
    }
    
    .cooperate ul.main li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .cooperate ul.main li .title {
        position: absolute;
        bottom: 20px;
        font-size: 1em;
    }
    
    
    /**details**/
    
    .details h1 {
        font-size: 1.6em;
        line-height: 1em;
    }
    .details .center {
        width: 100%;
    }
    .details h3 {display: block;font-size: 1em;margin-bottom: 20px;margin-top: 5px;padding: 0px 10px;line-height: 1.8em;}
    .solution {
        padding: 40px 0px 0px;
    }
    .specificities .main ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .specificities .main .pic
    {
        display:none;
    }
    .specificities .main ul li {
        width: calc((100% - 10px)/2);
        display: flex;
        height: 50px;
        background: #fff;
        margin-right: 10px;
        margin-bottom: 10px;
        align-items: center;
        padding: 0px 20px;
    }
    .specificities .main ul li:nth-of-type(2n){
        margin-right:0px;
    }
    .specificities {
        overflow: hidden;
        padding-top: 40px;
    }
    .data {
        position: relative;
        overflow: hidden;
        margin-top: 40px;
        background: #e3e4e7;
        padding: 40px 0px;
        background-image: linear-gradient(to right, #fafafa , #c4c8cc);
    }
    
    
    .quality {
        overflow: hidden;
        width: 100%;
        padding: 40px 0px 0px;
    }
    
    .quality ul li {
        position: relative;
        width: calc(100% / 3);
        margin-bottom: 20px;
    }
    .car-quality ul li
        {
        width: calc(100% / 2);
        }
        
    .quality ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .quality ul li p.title {
        margin-top: 0px;
        font-size: 1em;
        text-align: center;
    }
    .quality ul li img {
        display: block;
        margin: auto;
        height: 70px;
    }
    .quality ul li:before
    {
        display:none;
    }
    .scene {
        overflow: hidden;
        padding-top: 30px;
        padding-bottom: 30px;
    }
        
    .scene ul li {
        width: calc((100% - 10px)/2);
        float: left;
        margin-right: 10px;
        border-radius: 0px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .scene ul li:nth-of-type(3n) {
        margin-right: 10px;
    }
    .scene ul li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .scene ul li .title {
        line-height: 40px;
        background: #fff;
        text-align: center;
        padding: 0px 20px;
        font-size: 1em;
        color: #000;
    }
    .carbon-case .center ul.main li {
        width: 100%;
        float: left;
        margin-right: 0px;
        margin-bottom: 20px;
        border-radius:0px;
        overflow: hidden;
    }
    .carbon-case .center ul.main li .title {
        line-height: 60px;
        font-size: 1em;
    }
    
    .carbon-case {
        width: 100%;
        background: #fafafa;
        overflow: hidden;
        padding:60px 0px 60px;
    }
    .carbon-case.basewidth {
        padding-top: 0px;
        padding-bottom: 30px;
    }
        
    .carbon-case .center {
        width: 100%;
    }
    
    
    
    
    .technology ul li {
        width: calc(100% / 2);
        float: left;
        padding: 20px;
        border: 1px #eee solid;
        background: #fff;
        border-right: none;
        border-bottom: none;
    }
    
    .solutionlist {
        overflow: hidden;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .solutionlist ul li {
        width: calc((100% - 20px)/3);
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .solutionlist ul li:nth-of-type(5n) {
        margin-right: 10px;
    }
    .solutionlist ul li:nth-of-type(3n) {
        margin-right: 0px;
    }
    .solutionlist ul li .title {
        text-align: center;
        color: #000;
        font-size: 1em;
        padding: 10px 0px;
    }
    .technology {
        padding-top: 40px;
    }
    .technology ul li p.title {
        font-size: 1.2em;
    }
    .technology ul li img {
        height: 44px;
    }
    
    .nynews .center {
        max-width: 1440px;
        overflow: hidden; box-sizing: border-box;
        margin: auto;
        padding: 0px 20px;
        width: 100%;
    }
    
    
    .newsmain li a {
        display: block;
        padding: 30px 0px;
        border-bottom: 1px #eee solid;
        align-items: center;
    }
    .newsmain li .ico {
        width: 100%;
        position: relative;
        overflow: hidden;
        padding-top: 56%;
        border-radius: 4px;
    }
    
    .newsmain li .text {
        padding-left: 0px;
        padding-top: 10px;
        width: 100%;
    }
    .newsmain li .ext_summary {
        text-indent: 0em;
    }
    .newslist {
        background: #fff;
        border-radius: 6px;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
        padding: 0px 20px 40px;
        margin-bottom: 30px;
    }
    
    .newsmain li .ext_summary {
        margin: 5px 0px 10px;
    }
    
    .newsfl a {
         font-size: 1em;
         color: #000;
         line-height: 34px;
         display: inline-block;
         padding: 0px 20px;
         width: auto;
         float: left;
    }
    .newsfl {
        overflow: hidden;
        padding: 20px 0px;
		height: 25px;		
    }
    
    .Details_pag .center {
        width:100%;
    }
    .news_detail .title {
        font-size: 1.6em;
    }
    .Details_pag {
        padding: 10px 0px 20px;
    }
    .detailpage {
        display: block;
        width: 100%;
        margin: 10px auto 0px;
    }
    .detailpage .nextcontent {
        width: 100%;
        padding-left:0px;
    }
    
    .news_detail .author {
        margin-right:10px;
        background: url(../image/icon.png) no-repeat left center;
        background-size: 14px;
        padding-left: 20px;
        text-align: left;
        margin-bottom: 10px;
        font-size: 0.8em;
    }
    .news_detail .date {
        margin-right: 10px;
        background: url(../image/icon2.png) no-repeat left center;
        background-size: 14px;
        padding-left: 20px;
        text-align: left;
        margin-bottom: 10px;
        font-size: 0.8em;
    }
    .news_detail .visits {
        color: #999;
        font-size: 0.8em;
    }
    
    .Details_pag .content img 
    {
        max-width: 100% !important; 
        height: auto !important; 
    }
    
    
    
    
    /**support**/
    
    .supportflej a {
        line-height: 44px;
        border: 1px #222 solid;
        display: inline-block;
        padding: 0px 10px;
        color: #000;
        font-size: 0.9em;
        margin: 0px 5px;
    
    }
    .support {
        background: #fafafa;
        overflow: hidden;
        width: 100%;
        padding: 40px 0px 0px;
    }
    .supportflej
        {
            display:none;
        }
    
    .support .center {
        width: 100%;
    }
    
    .supportfl a {
        line-height: 50px;
        padding: 0px 0px;
    }
    .supportmain li {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .supportmain {
        margin-top:30px;
        overflow: hidden;
        margin-bottom: 20px;
    }	
    .supportmain li .title {
        font-size: 1.2em;
        color: #000;
        min-height: auto;
    }	
    .support-video li {
        width: 100%;
        background: #fff;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .support-video {
        margin-top: 20px;
    }	
    .support-text {
        padding:20px;
    }
    .support-video li .title {
        font-size: 1.1em;
        min-height: 0px;
    
    }
    /**Integration**/
    
    .Integration .center {
        padding: 0px 20px;
        width: 100%;
    }
    .Integration ul {
        display: block;
    }
    .Integration ul li {
        width: 100%;
        background: #fff;
        padding: 30px 20px 30px;
        margin-bottom: 10px;
    }
    .Integration ul li .title {
        margin-top: 0px;
        font-size: 1.2em;
    }
    .Integration ul li img {
        max-height: 86px;
    }
    
    .Integration2 .center {
        width: 100%;
    }
    
    .Integration2,.Integration3, .Integration4, .Integration5, .Integration7,.Integration6,.Integration {
        overflow: hidden;
        padding-top: 60px;
    }
    .Integration3 .center, .Integration4 .center, .Integration5 .center, .Integration7 .center,.Integration6 .center {
        width: 100%;
    }
    
    .whitebg {
        background: #fff;
        overflow: hidden;
        padding: 0px 10px 30px
    }
    .whitebg ul li {
        width: calc((100% - 0px)/2);
        margin-bottom: 10px;
    }
    .whitebg ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sub-cartitle span {
        font-size: 1em;
    }
    
    .sub-cartitle {
        margin-top: 40px;
        margin-bottom: 10px;
    }
    
    .Integration6_fl a {
        line-height: 40px;
        font-size: 1em;
    }
    .Integration6_fl {
        max-width: 300px;
    }
    
    .Integration6 .center ul.list1 li .text .summary {
        font-size: 0.9em;
        line-height: 1.7em;
        color: #666;
    }
    .Integration6 .center ul.list1 li .text .title {
        font-size: 1.3em;
        margin-bottom:10px;
    }
    .Integration6 .center ul.list1 li {
        width: calc((100% - 10px)/2);
        margin-bottom: 10px;
    }
    
    .Integration6 .center ul.cur {
        flex-wrap: wrap;
    }
    .Integration6 .center ul.list1 li .text {
        padding: 1em;
        background: #fff;
    }
    .Integration7 ul.list2 li {
        width: calc((100% - 2px)/2);
        background: #fff;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 2px;
    }
    .Integration7 ul.list2 li p {
        color: #000;
        font-size: 1em;
    }
    
    .Integration8 {
        background: #f5f5f5;
        padding-bottom: 60px;
    }
    
    
    
    /**education**/
    
    
    .education10 .center {
        width: 100%;
    }
    .education10 .cartitle span {
        padding: 0px 0px;
    }
    .education10 .center ul li {
        width: calc((100% - 10px)/2);
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
        position: relative;
    }
    .education10 .center ul li:nth-of-type(2n)
    {
        margin-right: 0px;
    }
    .education10 .center ul li:hover .text {
        padding: 15px 15px;
    }
    .education10 .center ul li .title {
        background:#3284ff;
        display: inline-block;
        font-size: 1em;
        line-height: 30px;
        min-width: 64px;
        text-align: center;
        border-radius: 4px;
        margin-bottom: 5px;
        transition: all 0.5s;
    }
    .education10 .center ul li .text {
        padding: 15px 15px;
    }
    .education10 .center ul li .ext-carbon {
        font-size: 0.9em;
    }
    
    .education1_fl {
        display: flex;
        justify-content: flex-start;
        background: #F1F1F1;
        max-width: 1200px;
        margin: 0px auto 30px;
        border-radius: 4px;
        overflow: scroll;
    }
    .education1 .center
    {
        width: 100%;  
    }
    .education1_fl a {
        font-size: 1em;
        min-width: 100px;
        line-height: 50px;
    }
    
    .education1 .main ul li {
        width: calc((100% - 2px)/2);
        float: left;
        text-align: center;
        background: #fff;
        margin-bottom: 2px;
        padding: 30px 10px;
    }
    
    .education1 .main ul li img {
        width: auto;
        max-width: 60px;
    }
    .education1 .main ul li .title {
        font-size: 1.1em;
        color: #111111;
        margin-top: 20px;
    }
    .education1,.education10{
        padding-top: 60px;
    }
    
    
    .carbonpag2.education2 ul li {
        width: 100%;
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    }
    
    .carbonpag2.education2 ul li .text {
        padding: 20px;
    }
    .carbonpag2.education2 ul li .text .ext-carbon {
        min-height: auto;
        font-size: 1em;
    }
    
    .education110 .center {
        width: 100%;
    }
    .education110 {
        padding-top: 60px;
    }
    
    .education110 ul li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        padding: 30px 0px;
    }
    .education110 ul li img {
        max-width: 60px;
    }
    .education110 ul li .title {
        margin-top: 10px;
    }
    .education110 ul li .ext-carbon {
        margin-top: 10px;
    }
    
    
    
    .carbonpag2.education3 ul li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .carbonpag2.education3 ul li .text {
        padding: 20px;
    }
    
    /**education-details**/
    
    
    .characteristic {
        padding-top:60px;
    }
    .characteristic ul li {
        width: 100%;
        margin-right: 0px;
        padding: 40px 20px;
        margin-bottom: 20px;
    }
    .characteristic ul li .title {
        margin-top:10px;
        margin-bottom: 5px;
    }
    .characteristic img
    {
        height:70px;
    }
    .edu-details .carbon-case.basewidth {
        padding-top:60px;
        padding-bottom: 0px;
    }
    
    
    .value {
        padding:60px 0px 0px;
    }
    .value ul li {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .value ul li .text {
        padding:25px;
    }
    
    
    .behavior {
        padding-top:60px;
    }
    .behavior ul li {
        width: calc((100% - 20px) / 2);
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .behavior ul.four li {
        width: calc((100% - 20px) / 2);
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    
    .behavior ul.four li:nth-of-type(3n) {
        margin-right: 20px;
    }
    
    .behavior ul li:nth-of-type(3n) {
        margin-right: 20px;
    }
    .behavior ul li:nth-of-type(2n) {
        margin-right: 0px;
    }
    .behavior ul li p {
        line-height: 50px;
        font-size: 1em;
    }
    .behavior-fl a {
        font-size: 1em;
        min-width: 100px;
        line-height: 50px;
    }
    .behavior-fl {
        max-width: 300px;
        margin: 0px auto 30px;
    }
    
    
    
    }
    
    
    
    @media all and (min-width:1100px) and (max-width: 4000px) { 
        
      .footer_navej,.nav_sj
      {
        display: block !important;
        height:auto !important;
    
    }
    
    
    .pc-active .nav_ej
    {
        height: 0px !important;
        overflow: hidden !important;
        
    }
        
    
    }