@charset "utf-8";



.phone-click {

    display: none;

}

/*响应式代码*/

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



    .proBox .right > h1 {

        font-size: 24px;

        padding-bottom: 15px;

    }



    .header .section .logo {

        flex-basis: 150px;

    }

    .header .section .menu {

        flex-basis: calc(100% - 380px);

    }



    .box_web_main .view {

        padding: 0 20px;

    }

    #web_design_main {

        min-width: auto !important;

    }



    .proBox .right p {

        display: flex;

        justify-content: space-between;

    }

    .proBox .right p a {

        margin-right: 0;

        padding-left: 0;

    }





    /*内页*/

    /*产品*/

    #com_211 {

        padding: 0;

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .list_type div img {

        object-fit: cover;

    }

    .list_type div ul .list a {

        margin-bottom: 0 !important;

    }



    /*新闻*/

    .column-scroll-content .view {

        padding: 0 !important;

    }

    #design .column-scroll-page {

        padding: 0 20px;

    }

    .modulebox.box_navigation {

        width: calc(100% - 150px) !important;

        right: 20px;

        left: auto !important;

    }

    #article_list_com_193 > ul {

        width: calc((100% - 40px) / 3) !important;

        margin-right: 20px;

        overflow: hidden;

    }

    #article_list_com_193 > ul:nth-child(3n) {

        margin-right: 0;

    }

    .box_articleList .listArticle .default1 .img img {

        width: 100% !important;

        height: 100% !important;

        object-fit: cover;

        position: inherit !important;

    }



    /*免费设计*/



    #com_504.modulebox ,#com_546.modulebox{

        width: 40% !important;

        left: auto !important;

        right: 20px;

        height: auto !important;

    }







    .box_carousel .carousel .bd ul,.box_carousel .carousel .bd .tempWrap,.box_carousel .carousel .bd ul li {

        width: 100% !important;

    }









    /*底部*/

    #Web_Main_Footer .box_footer {

        padding: 20px !important;

    }

    #Web_Main_Footer .menuStyle .box_web_main > div {

        display: flex;

        justify-content: space-between;

    }



    #footer_main_float {

        display: none;

    }







    /*产品中心*/

    .typeBox a {

        width: calc((100% - 36px) / 4);

    }

    .typeBox a img {

        object-fit: cover;

    }

    /*视频中心*/

    #moreColumn_com_406 .view {

        padding: 0;

    }

    #com_415.modulebox {

        left: auto !important;

        right: 20px !important;

    }

    #com_415.modulebox .view {

        padding: 0 !important;

    }



    /*视频中心*/

    #moreColumn_com_406 tr {

        display: flex;

        flex-direction: column;

    }

    #moreColumn_com_406 tr td {

        width: 100%;

    }

    #onlineVideo_com_409,#com_412.modulebox {

        width: 100%;

    }

    #com_409.modulebox ,#com_412.modulebox{

        position: inherit !important;

        margin-top: 20px;

    }



    /*新闻中心*/

    .newsBox .list ul {

        width: calc((100% - 66px) / 3);

    }

    .newsBox .list ul img {

        object-fit: cover;

    }



    /*更多服务*/

    .list_service a {

        width: 25%;

        margin-right: 0;

    }

    .list_service a ul li {

        width: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

    }

    .list_service a ul {

        width: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .list_service a > img {

        object-fit: cover;

    }



    /*招商加盟*/

    #imageText_com_456 .skin_model_view .clearfix {

        display: flex;

        flex-direction: column;

    }

    #imageText_com_456 .skin_model_view .clearfix .imageText_content,

    #imageText_com_456 .skin_model_view .clearfix .imgText_pic{

        width: 100% !important;

        height: auto !important;

    }

    #imageText_com_456 .skin_model_view .clearfix .imgText_pic {

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .box_listPhoto .photoListContainer .scroll_list .picList .photo_list {

        width: 100% !important;

    }

    .box_moreColumn .moreColumnTxt {

        /*width: 45% !important;*/

        /*padding-right: 0 !important;*/

    }

    .box_moreColumn .moreColumnTxt .kenfor-column {

        /*width: 100% !important;*/

    }

    .box_listPhoto .photoListContainer .scroll_list .picList .photo_list img {

        width: 100% !important;

        height: 100% !important;

        left: 0 !important;

        top: 0 !important;

        object-fit: cover;

    }





    /*产品列表*/

    .list_pro a {

        width: calc(100% / 3) !important;

        margin-left: 0 !important;

    }

    .list_pro a img {

        width: 80% !important;

        height: auto !important;margin: auto;

    }

    .box_imageText .imgText_pic img {

        width: 100% !important;

        height: auto !important;



    }

    .box_imageText .imgText_pic {

        height: auto !important;

    }

    .box_navigation .navigationList.nav_horizontal > li > a {

        min-width: initial !important;

    }





    /*关于我们*/

    .photo_list {

        width: 100%;

        height: 400px !important;

    }

    .box_listPhoto .listPhotoPanel1 .photoListContainer .scroll_list ul li {

        width: 23% !important;

        margin-right: 2%;

    }

    .box_listPhoto .listPhotoPanel1 .photoListContainer .scroll_list ul li:nth-of-type(4n) {

        margin-right: 0;

    }





    .box_listPhoto .photoListContainer .scroll_list ul li {

        width: 25% !important;

    }





    .about-swiper .index-title .title {

        font-size: 20px;

    }





    #moreColumn_com_458 .box_listPhoto .listPhotoPanel1 .photoListContainer .scroll_list ul li {

        width: 100% !important;

        margin-right: 2%;

    }

}

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

    /*头部*/

    .header .section .menu-box {

        position: fixed;

        right: -100%;

        background: #fff;

        width: 100%;

        height: 100vh;

        flex-direction: column;

        justify-content: flex-start;

        padding-left: 20px;

        padding-top: 10%;

        top: 60px;

        transition: all 0.5s;

    }

    .header .section .menu-box.active {

        right: 0;

    }

    .header .section .menu .item {

        height: auto;

        line-height: 50px;

        width: 100%;

    }

    .header .section .menu .item a {

        color: #000;

    }

    .header .section .menu .item .second-menu {

        position: relative;

    }

    .header .section .menu .item:hover .second-menu {

        display: none;

    }

    .phone-click {

        display: block;

        width: 30px;

        height: 20px;

        position: absolute;

        right: 20px;

        top: 0;

        bottom: 0;

        margin: auto;

        cursor: pointer;



    }

    .phone-click-line {

        width: 100%;

        height: 2px;

        position: absolute;

        top: 0;

        bottom: 0;

        margin: auto;

        background: #fff;

    }

    .phone-click::before,

    .phone-click::after {

        content: '';

        height: 2px;

        position: absolute;

        margin: auto;

        background: #fff;

        width: 100%;

    }

    .phone-click::before {

        top: 0;

    }

    .phone-click::after {

        bottom: 0;

    }

}



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

    /*通用*/

    .header,

    .header .section .logo ,

    .header .section .logo a{


    }

    .header .section .search {

        right: 64px;
            flex-basis: 140px;

    }

    .phone-click {

        top: 5px;

    }

    .page-menu .section {

        flex-direction: column;

        align-items: flex-start;

    }

    .page-menu {

        height: auto;

    }

    .page-menu .section .location {

        flex-basis: auto;

        border-bottom: 1px solid #eee;

        width: 100%;

        padding-bottom: 10px;

        margin-top: 10px;

    }

    .page-menu .section .menu .item {

        flex-shrink: 0;

        text-align: center;

        padding: 0 10px;

    }

    .page-menu .section .menu {

        justify-content: flex-start;

        overflow: auto;

    }

    .page-menu .section .menu::-webkit-scrollbar {

        height: 1px;

    }



    .page-title .title {

        font-size: 20px;

    }



    .footer .top .left {

        display: none;

    }

    .about-box3-summary .top {

        flex-direction: column;

    }

    .about-box3-summary span,.about-box3-summary p {

        font-size: 14px !important;

    }

    .page-title .sub {

        font-size: 12px;

    }

    .index-title .title {

        font-size: 20px;

    }

    .more {

        font-size: 12px;

    }

    .contact .left .item {

        padding-right: 0;

    }



    .contact ,.messages-box{

        flex-direction: column;

    }

    .contact .title {

        font-size: 20px;

    }

    .messages-box .left .title {

        font-size: 20px;

    }

    .messages-box {

        padding: 20px;

    }

    .messages-box .right {

        margin-top: 30px;

    }

    .messages-box .left form {

        padding-right: 0;

    }

    .messages-box .left .sup1 {

        font-size: 18px;

    }



    .product-swiper .swiper-slide a div span {

        font-size: 18px;

    }

    .product-swiper .swiper-slide a div font {

        font-size: 14px;

    }

    .list_service a ul li span {

        font-size: 14px;

        margin-top: 10px;

    }

    .list_service li {

        flex-basis: 100%;

    }

    .news .tab {

        width: 100%;

    }

    .news .tab .item {

        font-size: 18px;

    }

    .news .tab-box .item-box {

        flex-wrap: wrap;

    }

    .news .item {

        flex-basis: 100%;

        margin-right: 0;

        margin-bottom: 50px;

    }

    .news .item .time .day {

        font-size: 24px;

    }

    .news .item .text .title {

        font-size: 16px;

    }

    .news .item .text .summary {

        font-size: 14px;

    }

    .index-video .video-box {

        flex-direction: column;

    }

    .index-video .video-box .left {

        flex-basis: 100%;

        margin-right: 0;

        margin-bottom: 20px;

    }

    .index-video .video-box .right .item:last-child {

        margin-top: 20px;

    }



    .service {

        padding: 20px;

    }



    .list_service {

        flex-wrap: wrap;

    }

    .page-news {

        padding: 0;

    }

    .news-detail .article_lan {

        display: none;

    }

    .news-detail .title {

        font-size: 18px;

    }



    .about-img img {

        width: 100%;

    }

    .about-swiper {

        width: 100%;

        position: relative;

    }

    .swiper-box {

        width: 100%;

    }















    .box_navigation .navigationList.nav_horizontal > li.secRight {

        margin-left: 0 !important;

        text-align: left !important;

        margin-right: 10px !important;



    }

    .box_navigation .navigationList.nav_horizontal.secRight {

        text-align: left !important;

        overflow: auto;

        display: flex;

    }

    .modulebox.box_picture,.modulebox.box_location {

        position: inherit !important;

        display: none;

    }

    .modulebox.box_navigation {

        right: 0 !important;

        position: inherit !important;

        width: 100% !important;

    }

    /*头部*/

    #com_148.modulebox {

        display: none !important;

    }

    #web_design_main {

        min-width: auto;

    }

    .mainNavcontain_count {

        display: none;

    }

    #com_2.modulebox {

        width: 30% !important;

        display: flex;

        height: 60px !important;

    }

    #menu_com_1 {

        width: 100% !important;

        max-width: 100% !important;

        padding: 0 !important;



    }

    #Web_Main_Head {

        min-height: 60px !important;

    }

    #com_1 {

        left: auto !important;

        width: 100% !important;

        right: 0;

        height: 60px !important;

    }

    #logo_com_2 {

        padding: 0 !important;

        margin: auto !important;

        width: 100% !important;

        height: auto !important;

    }

    #Web_Main_Footer .menuStyle .box_web_main > div {

        display: none;

    }



    /*产品中心*/

    #title_com_103 .mainTitleCls {

        font-size: 24px !important;

    }

    .typeBox a {

        width: calc((100% - 12px) / 2);

        margin-left: 0;

        margin-bottom: 12px;

        margin-right: 12px;

    }

    .typeBox a:nth-child(2n) {

        margin-right: 0;

    }

    .typeBox a div span {

        font-size: 18px;

    }

    .typeBox a div font {

        font-size: 14px;

    }





    /*新闻中心*/

    .newBox {

        margin: 50px auto;

    }

    .newsBox .list p {

        display: none;

    }

    .newsBox > span a {

        width: 50%;

        padding: 0;

        font-size: 20px;

    }

    .newsBox .list {

        height: auto;

    }

    .newsBox .list ul {

        width: 100%;

        margin-left: 0;

        margin-bottom: 30px;

    }

    .newsBox .list .title {

        font-size: 16px;

        line-height: 1.6;

        margin-top: 6px;

        margin-bottom: 4px;

    }

    #title_com_137 .mainTitleCls {

        font-size: 24px !important;

    }



    /*更多服务*/

    .list_service {

        margin-bottom: 50px;

    }

    .list_service a {

        width: 50%;

        margin-right: 0;

    }

    .list_type div ul .list a {

        padding: 0 10px !important;

        margin-top: 10px !important;

    }

    .list_type div ul .list {

        text-align: left !important;

    }







    /*内页*/

    /*banner*/

    .box_banner,

    .box_banner .view {

        min-height: 200px !important;

    }



    /*产品*/

    .list_type div ul .text {

        margin: auto !important;

        padding: 0 20px;

    }



    /*新闻中心*/

    #article_list_com_193 > ul {

        width: 100% !important;

    }

    #articleList_com_193 {

        padding-right: 20px !important;

    }

    .box_articleList .listArticle .default1 ul .img {

        width: 100% !important;

    }

    #articleDetail_com_021 {

        padding-left: 20px !important;

        padding-right: 20px !important;

    }





    /*免费设计*/

    #title_com_505 .title_wrap,#title_com_547 .title_wrap {

        padding-top: 20px !important;

        padding-left: 20px !important;

    }

    #title_com_505 .mainTitleCls,#title_com_505 .subTitleCls,#title_com_547 .mainTitleCls,#title_com_547 .subTitleCls {

        font-size: 20px !important;

    }

    #title_com_505 .title_type_004 .title_wrap_inner ,#title_com_547 .title_type_004 .title_wrap_inner{

        height: auto !important;

    }

    #title_com_506 .title_wrap,#title_com_507 .title_wrap {

        padding-left: 20px !important;

    }

    #title_com_506 .mainTitleCls {

        font-size: 20px !important;

    }

    .msgBox li > span {

        text-align: left !important;

        width: 100%;

        display: block;

    }

    .msgBox li {

        padding: 0 20px !important;

    }

    .msgBox li input {

        width: 100% !important;

    }

    .msgBox li select {

        width: 48% !important;

    }

    #com_552.modulebox {

        position: initial !important;

        margin-top: 30px;

        width: 100% !important;

    }

    .box_onlineForm .item-ground-row .form-label {

        position: initial;

        text-align: left;

    }

    .box_onlineForm .item-ground-row .form-input {

        padding-left: 0;

    }

    #onlineForm_com_552 {

        height: auto !important;

    }



    /*联系我们*/

    #imageText_com_286 .skin_model_view {

        padding-left: 0 !important;

    }

    #moreColumn_com_284 .padding_com_284 {

        width: 100% !important;

    }

    #moreColumn_com_284 tr {

        display: flex;

        flex-direction: column;

    }

    #moreColumn_com_284 tr td {

        width: 100% !important;

    }



    /*关于我们*/

    .box_listPhoto {

        padding: 0 20px;

    }

    .photo_list {

        height: 250px !important;

    }





    .box_listPhoto .listPhotoPanel1 .photoListContainer .scroll_list ul li {

        width: 48% !important;

    }





    .mainTitleCls {

        font-size: 18px !important;

    }

    .subTitleCls {

        font-size: 18px !important;

    }

    .title_wrap_inner {

        height: auto !important;

    }









    .listPhotoSpacing ~ div {

        display: none;

    }



    .messages-box .left form label {

        flex-wrap: wrap;

    }

    .messages-box .left form .form-title {

        flex-basis: 100%;

        text-align: left;

        margin-bottom: 6px;



    }

    .messages-box .left form input,.messages-box .left form .select,.messages-box .left form textarea {

        flex-basis: 100%;

    }

    .messages-box .left form label.code input {

        flex-basis: auto;

        width: calc(100% - 130px);

    }

    .messages-box .left form button {

        margin-left: 0;

        width: 100%;

    }





    .join-box-bg {

        margin: 50px auto;

    }

    .join-box .title {

        font-size: 20px;

    }

    .text-box {

        flex-direction: column;

    }

    .text-box .left, .text-box .right {

        width: 100%;

    }



    .text-box .left .left-title {

        font-size: 18px;

    }

    .text-box .left .left-summary {

        font-size: 14px;

    }

    .img-box .item {

        flex-basis: 100%;

        height: auto;

    }

    .text-box .swiper-title {

        font-size: 16px;

    }

    .join3 {

        flex-direction: column;

    }

    .join3 .item {

        flex-basis: 100%;

        margin-right: 0;

        margin-bottom: 30px;

        padding: 20px;

    }

    .join3 .join3-title {

        font-size: 16px;

    }

    .join3 .summary {

        font-size: 14px;

        margin: 20px auto;

    }

    .join4 .join4-title {

        font-size: 18px;

    }

    .join4 .join4-summary {

        font-size: 14px;

    }

    .join4 form {

        padding: 20px 0;

    }

    .join4 .msgBox li select {

        width: 100% !important;

        margin-bottom: 10px;

    }

    .join4 li.code input {

        width: calc(100% - 200px) !important;

    }





    .storeBox form {

        width: 100%;

        margin-left: 0;

        padding: 0 20px;

    }

    .storeBox ul {

        width: 100%;

        margin-top: 30px;

        margin-right: 0;

        padding: 0 20px;

    }

    .storeBox form:after {

        display: none;

    }





    .product-box {

        flex-direction: column;

    }



    .product-box .left,

    .product-box .right {

        width: 100%;

    }





    .product-box .list_pro a {

        width: calc((100% - 20px) / 2) !important;

        margin-right: 20px !important;

        margin-top:0 !important;

        margin-bottom: 20px !important;

        background: #fff;

    }

    .product-box .list_pro a:nth-of-type(2n) {

        margin-right: 0 !important;

    }

    .product-box .list_pro a img {

        width: 100%;

        height: 100% !important;

        left: 0;

        top: 0;

        padding: 10px;

        object-fit: cover;

    }





    .product-box .list_pro .img-box {

        margin-bottom: 0;

        position: relative;

    }



    .list_pro a:nth-child(3n+1) {

        clear: none;

    }





    .product-click {

        height: 40px;

        width: 100%;

        background: var(--color1);

        display: flex;

        align-items: center;

        justify-content: center;

        color: #fff;

        margin-bottom: 20px;

        cursor: pointer;

    }



    #product-menu {

        display: none;

    }



    .product-detail-box {

        flex-direction: column;

    }

    .proBox .w .img {

        width: 100%;

    }

    .proBox .right {

        width: 100%;

    }



    .proBox .w > h2,

    .proBox1 h3{

        font-size: 20px;

    }

    .proBox .list {

        display: flex;

        flex-wrap: wrap;

    }

    .proBox .list a {

        width: 49%;

    }

    .proBox .list a:nth-child(5n+1) {

        clear: none;

        margin-left: 1%;

    }

    .proBox .list a:nth-child(2n-1){

        margin-left: 0;

    }



    .page-video .item {

        flex-basis: 100%;

        margin-right: 0;

    }



    .pop {

        background: #000;



    }

    .pop video {

        height: auto;

        position: absolute;

        top: 35%;

    }

}