.top{
	position: relative;
}
.mobile-menu{
	display: none;
	width: 36px;
	height: 28px;
	position: absolute;
	margin-left: 20px;
	top: 0px;
    bottom: 0px;
    margin: auto;
    right: 20px;
}
.mobile-menu span{
	width: 100%;
	height: 4px;
	background-color: #333333;
	position: absolute;
	left: 0;
	transition: all 0.5s;
	border-radius: 2px;
}
.mobile-menu span:nth-child(1){
	top: 0;
}
.mobile-menu span:nth-child(2){
	top: 12px;
}
.mobile-menu span:nth-child(3){
	top: 24px;
}
.mobile-menu.active span:nth-child(1){
	top: 10px;
	transform: rotate(45deg);
}
.mobile-menu.active span:nth-child(2){
	opacity: 0;
}
.mobile-menu.active span:nth-child(3){
	top: 10px;
	transform: rotate(-45deg);
}
@media screen and (max-width: 1000px){
    .embed-icon{
        width: 50px !important;
    }
    .wrap{
        min-width: auto;
        margin: 0 2%;
        width: 98%;
    }
    .div1200{
        width: 100%;
    }
    .top .search{
        display: none;
    }
    .top .phone{
        display: none;
    }
    .top .mobile-menu{
        display: block;
    }
    .nav{
        width: 100%;
        position: fixed;
        top: 80px;
        z-index: 999;
        height: 100%;
        display: none;
    }
    .nav > ul > li{
        display: block;
        width: 100%;
        border-bottom: 1px solid #fff;
    }
    .nav > ul > li > a{
        width: 100%;
        text-align: left;
        padding-left: 5%;
    }
    .second{
        display: none !important;
    }
    
    .product li{
        width: 32%;
        margin-right: 2% !important;
    }
    .product li:nth-child(3n){
        margin-right:0px !important;
    }
    .product li:nth-child(3n-2){
        clear: unset;
    }
    .product a.more{
        display: none;
    }
    .comp-l{
        width: 100%;
    }
    .comp-l img{
        width: 100%;
    }
    .comp-r{
        width: 100%;
        padding: 27px 0 40px 0;
    }
    .comp-r .more{
        display: none;
    }
    
    .intro{
        padding:30px 0;
    }
    .intro li{
        width: 48%;
        margin-right: 2% !important;
        margin-bottom: 24px;
    }
    .intro li:nth-child(2n){
        margin-right: 0px !important;
    }
    .intro li a,.intro li a img{
        width: 100%;
    }
    .intro a.more{
        display: none;
    }
    .infor-box{
        width: 100%;
    }
    .infor-img{
        display: none;
    }
    .ftop{
        display: none;
    }
    
    
    /*关于我们*/
    .sidebar{
        width: 100%;
        position: relative;
    }
    .side-link{
        width: 100%;
    }
    .side-link:after{
        clear: both;
    }
    .side-link .side-link-box{
        width: 31.33%;
        padding:12px 1%;
        float: left;
        /*margin-bottom: 12px;*/
    }
    .side-link .side-link-box ul{
        display: none !important;
    }
    .main{
        width: 100%;
    }
    .main .show{
        width: 100%;
    }
    
    .show table{
        table-layout: fixed;
    }
    .show table td{
        min-width: min-content;
    }
    .lyb_bor{
        width: calc( 100% - 15px);
    }
    .lyb_btn{
        width: auto;
    }
}

@media screen and (max-width: 720px){    
    .product li{
        width: 48%;
    }
    .main-list li{
        width: 100%;
        margin-bottom:20px;
    }
    .main-list span.fl{
        width: auto;
    }
    .main-list span.fr{
        max-width: 50%;
        margin-right: 24px;
    }
    .main-list span.fr img{
        width: 100%;
    }
    .main-box-l{
        width: 100%;
    }
}

@media screen and (max-width: 480px){    
    .infor-list span:last-child{
        display: none;
    }
    
    .newslist .show ul li {
        overflow: hidden;
    }
    .newslist .show ul li span{
        display: none;
    }
}






