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

    #header,
    #backstage-bodyArea,
    .footer {
        width: 100%;
    }

    .container {
        max-width: 100%;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    #header .nav-list,
    .fiex {
        display: none;
    }
}

@media screen and (max-width: 820px) {
    #header {
        height: 148px !important;
    }

    #page .contact-phone {
        width: 51.824%;
        height: 33px;
        left: 3.645%;
        top: 19px;
    }

    #page .company-logo {
        top: 56px;
        width: 100%;
        height: 71px;
    }

    #page .company-logo .content {
        width: 10.21%;
    }

    #page .company-logo img {
        margin-left: 30px;
    }

    .nav_xlk {
        display: block !important;
    }
    .company-logo .menu-nav li{
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }
    .company-logo ul li a{
        width: auto;
        border: 0;
    }
    .navnew-sub1-item .navnew-sub2-item{
        margin: 0;
    }
    .nav_xlk .menu-nav li .sub-arrow {
        display: inline-block;
        width: 30px;
        background-position: center center;
        background-image: url(../images/xiala_image.png);
        background-repeat: no-repeat;
    }
    .nav_xlk .menu-nav .nav_list_item3:hover .nav_item_a .sub-arrow {
        transform: rotateZ(180deg);
    }
    .nav_xlk .menu-nav .nav_list_item3:nth-child(3) .navnew-sub1-item:nth-child(1):hover a .sub-arrow{
        transform: rotateZ(180deg);
    }
    .nav_xlk .menu-nav .nav_list_item3:nth-child(3) .navnew-sub1-item:nth-child(2):hover a .sub-arrow{
        transform: rotateZ(180deg);
    }
    .nav_xlk .menu-nav .nav_list_item3:nth-child(3):hover .navnew-sub3 {
        display: block !important;
    }
    .nav_xlk .menu-nav .nav_list_item3:nth-child(3) .navnew-sub1-item:nth-child(2):hover .sub2 {
        display: block !important;
    }
    .nav_xlk .menu-nav .nav_list_item3:nth-child(3) .navnew-sub1-item:nth-child(1):hover .sub2 {
        display: block !important;
    }
    .nav_xlk .menu-nav .nav_list_item3>.navnew-sub3 .navnew-sub1-item a{
        padding: 1em 5% 1em 68px !important;
    }
    .nav_xlk .menu-nav .nav_list_item3>.navnew-sub3 .navnew-sub1-item .sub2 a{
        padding-left: 88px !important;
    }
    .navnew-sub1{
        width: 100%;
        background: rgba(0, 0, 0, 0.98);
    }
    
    .about_shops_text_6 {
        width: 100%;
        line-height: 28px;
        margin-bottom: 20px;
        letter-spacing: 0;
    }

    .about_video {
        width: 100%;
        margin-bottom: 5%;
    }

    .more {
        position: static;
        margin-bottom: 20px;

    }

    .shops_style .shops_tbox {
        height: auto;
    }

    .shops_a {
        height: auto;
    }

    .shops_a:nth-child(2) {
        height: 342px;
    }

    .flex {
        display: block;
    }

    .cont {
        margin-top: 30px !important;
    }

    .exhibition_logo {
        margin-bottom: 30px;
    }

    .exhibition_logo .exhibition_logo1 {
        width: 49.4%;
    }

    .exhibition_logo .exhibition_logo2 {
        width: 31.5%;
    }

    .exhibition_img .exhibition_logo2 {
        width: 31.7%;
    }

    .exhibition_img .exhibition_logo1 {
        width: 48.5%;
    }

    .exhibition_logo .exhibition_logo2:nth-child(5) {
        margin-right: 0;
    }

    .exhibition_logo,
    .exhibition_img {
        width: 100%;
    }

    .shengchan_img img {
        width: 48.5%;
    }

    .shengchan_img img:nth-of-type(3n) {
        margin-right: 16px;
    }

    .shengchan_img img:nth-of-type(2n) {
        margin-right: 0;
    }

    .news_date ul a {
        width: 32%;
        margin-right: 15px;
    }

    .news_date ul a:nth-child(3) {
        margin-right: 0;
    }
    .news_date ul li .news_date_img{
        height: auto;
    }
    .news_date ul li .news_date_time{
        top: 109px;
        z-index: 1000;
    }

    .lxwm-left {
        text-align: center;
        width: 100%;
    }

    .lxwm-right {
        width: 100%;
        margin: 20px auto 0 !important;
    }

    .outerContainer123445 {
        display: none;
    }

    .fot-left {
        width: 100%;
    }

    .fot-nav .fot-nav-ul {
        display: none;
    }
    .outerContainer123447{
        height: 600px !important;
    }
    .zshu .zshu_img_1,
    .zshu .zshu_img_2,
    .zshu .zshu_img_3,
    .zshu .zshu_img_4 {
        width: 52%;
    }

    .zshu .zshu_img_4 {
        right: 175px;
    }

    .zshu .zshu_img_3 {
        right: 125px;
    }

    .zshu .zshu_img_2 {
        right: 75px;
    }

    .zshu .zshu_img_1 {
        right: 30px;
    }
    .certification-img{
        width: 30%;
    }
    /* about us */
    .aboutus_img {
        width: 80%;
        margin: 0 auto;
    }

    .aboutus_text {
        width: 100%;
    }

    .aboutus_text {
        padding-left: 0;
    }

    .advantage_item {
        margin-right: 35px;
    }

    /* products */
    .container123445{
        display: block !important;
    }
    .product-l-cate,.product-list {
        width: 100%;
    }

    .product-list .product-list-ul .product {
        width: 45%;
    }

    .product-list .product-list-ul .product a {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 0;
    }

    .product_contact_img,
    .product_contact_list {
        width: 100%;
        padding-right: 0;
        margin: 0 auto;
    }

    .product_contact_list {
        margin-top: 30px;
        padding-left: 0;
    }

    /* product detail */
    .productdetail-box, .productdetail_text {
        width: 100%;
    }
    .productdetail_text {
        padding: 0 !important;
    }
    .product_description{
        margin-top: 30px;
    }

    table {
        width: 100%;
    }

    /* certification */
    .certificate_img {
        width: 48.6%;
    }

    .certificate_img:nth-child(2n) {
        margin-right: 0;
    }

    /* contact us */
    .contact_title {
        width: 100%;
        margin-left: 0;
    }

    .contact_img {
        width: 100%;
        margin: 40px 0;
    }
    .fot-nav .fot-componyname{
        text-align: left !important;
        margin-top: 30px;
    }
    .fot-componyname2 a{
        text-align: left !important;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 770px) {
    .shops_a:nth-child(2) {
        height: 324px;
    }
}

@media screen and (max-width: 480px) {
    .outerContainer123446{
        height: auto !important;
    }
    #page .contact-phone{
        top: 10px;
    }
    #page .company-logo{
        top: 40px;
    }
    #header{
        height: 114px !important;
    }
    .resizee {
        height: 30px !important;
    }

    #page .contact-phone {
        width: 100%;
    }

    #page .company-logo .content {
        width: 20.21%;
    }

    #page .company-logo img {
        margin-left: 20px;
    }

    .nav_xlk {
        display: block !important;
    }

    .about_shops_text_6 {
        width: 100%;
        padding-right: 0;
        letter-spacing: 0;
    }

    .about_video {
        width: 100%;
        margin-top: 50px;
    }

    .shops_a {
        width: 48%;
        height: 273px !important;
        margin-right: 10px;
    }
    .shops_a:nth-child(2n){
        margin-right: 0;
        vertical-align: top;
    }
    .shops_a:nth-of-type(3){
        margin-right: 10px !important;
    }
    .exhibition_logo .exhibition_logo1 {
        width: 48.8%;
    }

    .exhibition_logo .exhibition_logo2 {
        margin-right: 2px;
    }
    .exhibition_img .exhibition_logo2{
        width: 32%;
        margin-right: 2px;
    }
    .exhibition_img .exhibition_logo1 {
        width: 48%;
        margin-right: 9px;
    }

    .about_shops_text_1 {
        font-size: 34px;
        margin-top: 20px;
        line-height: 34px;
    }
    .lxwm-left .lxwm_left_text1{
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .about_shops_text_2 {
        margin-top: 20px;
        line-height: 40px;
        letter-spacing: 0;
    }

    .zshu_1,
    .zshu_2 {
        width: 100%;
        display: block;
    }

    .zshu_2 {
        position: absolute;
        margin-top: 265px;
    }
    .outerContainer123447{
        height: 718px !important;
    }
    .cont_zshu {
        height: 100%;
        position: relative;
    }

    .shengchan_img img {
        width: 47%;
    }

    .news_date ul li .news_date_img {
        height: auto;
    }

    .news_date ul a {
        width: 100%;
        margin-top: 30px;
    }

    .fot-left .fot_left_text2 {
        width: 100%;
    }

    .zshu .zshu_img_1,
    .zshu .zshu_img_2,
    .zshu .zshu_img_3,
    .zshu .zshu_img_4 {
        width: 39%;
    }
    .certification-img{
        width: 49%;
    }
    .lxwm-right{
        width: 100%;
    }
    .fot-left .fot_left_text2{
        margin-bottom: 0;
    }
    .fot-nav{
        width: 100%;
    }
    .fot-nav .fot-componyname{
        margin-top: 20px;
        text-align: left !important;
    }
    .fot-nav .fot-componyname2 a{
        text-align: left !important;
    }
    /* about us */
    .advantage_item {
        width: 45%;
        margin-top: 60px;
    }

    .advantage_item:nth-child(3) {
        margin-right: 0;
    }

    /* product */
    .container {
        display: block !important;
    }
    .product-list {
        width: auto;
        margin-left: 0;
    }

    .product-l-cate {
        width: 100%;
    }

    .product-list .product-list-ul .product {
        width: 47%;
	  height: auto;
    }
    .product-list .product-list-ul .product:nth-child(2n){
        margin-right: 0;
    }

    .newlist .new_item {
        padding: 10px;
        box-sizing: border-box;
    }
    .product_contact_img{
        margin-bottom: 20px;
    }
    .product_contact_img, .product_contact_list{
        width: 100%;
    }
    /* product detail */
    .productdetail-box,
    .productdetail_text {
        width: 100%;
        margin-top: 10px;
        padding: 0 !important;
    }
    .contimg img{width: 100%;}
    /* news */
    .newlist .new_item img {
        width: 100%;
    }

    .newlist .new_item .new_title {
        margin-left: 0;
    }

    .newlist .new_item .new_time {
        margin-left: 0;
    }

    .newlist .new_item .new_summary {
        margin-left: 0;
    }

    .news_content1 p img {
        width: 100%;
    }

    .certificate_img {
        width: auto;
        margin-right: 0;
    }
    .news_content1 h1{
        line-height: 30px;
    }
    .row1{
        display: flex !important;
    }
    .certificate_img{
        width: 49%;
        margin-right: 7px;
    }
    /* contact us */
    .contact_img{
        width: 100%;
        margin: 20px 0;
    }
    .contact_text{
        margin-bottom: 30px;
    }
}