/*----- media queries ------*/
@media (min-width: 1200px) {
	#pc{
        display: block;
    }

    #mobile{
        display: none;
    }
}


@media (min-width: 415px) and (max-width: 1200px) {
	#pc{
        display: block;
    }

    #mobile{
        display: none;
    }
}


@media (max-width: 414px) {
	#pc{
		display: none;
	}

	#mobile{
		display: block;
	}

	body {
	    background: #ffffff;
	    font: 14px/1.5 Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
	    color: #333;
	    background-color: #fff;
	}

	img{border:none;width: 100%}

	p{font-size:14px; line-height:25px; word-break : break-all;}
	/*div{font-size:14px; line-height:25px; word-break : break-all;}
	*//*span{font-size:14px; line-height:25px; word-break : break-all;}
	*/td{font-size:14px; line-height:25px; word-break : break-all;}
	font{font-size:14px; line-height:25px; word-break : break-all;}



	input {
	    outline: none;
	}

	ul {
	    padding: 0;
	    margin: 0;
	}

	ul li {
	    padding: 0;
	    margin: 0;
	    list-style-type: none;
	}

	a {
	    color: #333;
	}

	a:hover {
	    text-decoration: none;
	    color: red;
	}



	.header_content_cover{
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    z-index: 999;
	    background: rgba(0,0,0,.3);
	    display: none;
	}
	.content{
	    margin: 0;
	    padding: 0;
	    width: 100%;
	    padding:0 2%;
	    margin: 0 auto;
	    text-align: center;
	    height: auto;
	    float: left;
	    max-width: 100%;
    	min-width: 100%;
	}


	.header,.nav_content,.machine-tool-bk{
	    width: 100%;
	    height: auto;
	    float: left;
	}

	.header_content{
	    width: 70%;
	    height: 100%;
	    position: fixed;
	    z-index: 1000;
	    top: 0;
	    left: 0;
	    background: #ffffff;
	    float: left;
	    display: none;
	}

	.logo{
	    width: 100%;
	    height: auto;
	    float: left;
	    border-bottom: 1px solid #eeeeee;
	}

	.logo a{
	    width: 40%;
	    height: 100%;
	    float: left;
	    padding:30px 0;
	    margin-left: 5%;
	}

	.logo img{
	    width: 100%;
	    height: auto;
	    float: left;
	    margin-top: 0;
	}

	.nav_content{
	    width: 100%;
	    height: auto;
	    float: left;
	    margin-top: 30px;
	}

	.nav{
	    width: auto;
	    height: auto;
	    float: left;
	    margin-top: 0;
	}

	.nav ul{
	    width: 100%;
	    height: auto;
	    float: left;
	}

	.nav ul li{
	    width: 100%;
	    height: 40px;
	    line-height: 40px;
	    float: left;
	    text-align: left;
	    background-image: none;
	    background-repeat: repeat-x;
	    background-size: 100% 100%;
	    color: #ffffff;
	}

	.nav ul li:nth-child(1) {
	    background-image: none !important;
	    margin-top: 0px;
	}

	.nav ul li img{
	    width: 20px;
	    height: 20px;
	    float: left;
	    margin:10px 0 0 10%;
	}

	.nav ul li a{
	    margin-left: 20px;
	    color: #333;
	}

	.nav ul li a:action{
	    color: #ffffff !important;
	}

	.concat_info2{
	    position: absolute;
	    z-index: 1001;
	    left: 0;
	    bottom: 0;
	    width: 96%;
	    height: auto;
	    float: left;
	    padding:30px 0;
	    margin-left: 2%;
	    border-top: 1px solid #eeeeee;
	}



	.concat_info2 img{
	    width: 20px;
	    height: 20px;
	}

	.concat_info2 div{
	    width: 90%;
	    height: 30px;
	    line-height: 30px;
	    margin-left: 5%;
	    text-align: center;
	}

	.concat_info2 div:nth-child(1) span{
	    margin-right: 10px;
	}

	.concat_info2 div:nth-child(1) span:nth-child(3),.concat_info2 div:nth-child(2) span{
	    color: #244ea1;
	}

	.header_nav{
	    width: 100%;
	    height: 60px;
	    line-height: 60px;
	    float: left;
	    padding:0 2%;
	}

	.header_nav img{
	    width: 30px;
	    height: 30px;
	    float: left;
	    margin-top: 15px;
	}

	.header_nav div{
	    text-align: center;
	    font-size: 18px;
	    font-weight: bold;
	    float: left;
	    width: auto;
	    height: 60px;
	    line-height: 60px;
	    margin-left: 35%;
	}

	/*.machine-tool-bk{
	    height: 50px;
	    line-height: 50px;
	    border-top: 1px solid #eeeeee;
	    box-shadow: 0px 10px 5px rgba(0,0,0,.3);
	}*/

	.machine-tool-type2{
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    float: left;
	    white-space: nowrap;
	    overflow-x: auto;
	    overflow-y: hidden;
	    -webkit-overflow-scrolling:touch;
	    border-top: 1px solid #eeeeee;
	}


	.machine-tool-type2 div{
	    width: 80px;
	    height: 100%;
	    text-align: center;
	    color: #000000;
	    font-weight: bold;
	    display:inline-block;
	}

	.nav{
	    width: 100%;
	    height: 40px;
	    padding:10px 0;
	    float: left;
	}

	.news_summary{
	    width: 100%;
	    height: 100%;
	    float: left;
	    padding:0 2%;
	    margin-top: 30px;
	}

	.news_img img{
	    width: 100% !important;
	    height: auto;
	    float: left;
	}


	.content-info-header{
	    width: 100%;
	    height: 50px;
	    line-height: 60px;
	    font-size: 16px;
	    font-weight: bold;
	    float: left;
	    text-align: left;
	    border-bottom: 1px solid #eeeeee;
	}


	.product_list{
	    width: 100%;
	    height: auto;
	    float: left;
	    margin-top: 0;
	}

	.product_list li{
	    width: 100%;
	    height: auto;
	    float: left;
	    padding:20px 0;
	    border-bottom: 1px dashed #eeeeee;
	    margin-top: 0;
	}
	.product-content-info-header span:nth-child(1){
		width: 35% !important;
	}

	.product_list li div:nth-child(1){
	    width: 40%;
	    height: auto;
	    float: left;
	    border: none;
	}

	.product_list li img{
	    width: 90%;
	    height: auto;
	    float: left;
	    margin:0;
	}

	.product_list li div:nth-child(2) span{
	    width: 100%;
	    height: auto;
	    float: left;
	    display: block;
	}

	.product_list li div:nth-child(2) span:nth-child(1){
	    font-weight: 800;
	    text-align: left;
	}
	.product_list li div:nth-child(2){
	    width: 58%;
	    height: auto;
	    float: right;
	    
	}

	.product_list li div:nth-child(2) span:nth-child(2){
	    text-align: justify;
	     word-break: break-all;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
	    overflow: hidden;
	    margin-top: 5px;
	}

	.content-summary-right{
	    width: 100%;
	    float: left;
	    height: auto;
	}

	.new_list,.new_list ul{
	    width: 100%;
	    height: auto;
	    float: left;
	}

	.new_list ul li{
	    width: 100%;
	    height: auto;
	    float: left;
	    padding:10px;
	    text-align: left;
	    border-bottom: 1px dashed #eeeeee;
	}

	footer {
	    background-color: #262626;
	    height: auto;
	    width: 100%;
	    margin-top: 60px;
	    float: left;
	    color: #ffffff;
	    display: flex;
	    justify-content: center;
	}

	.footer-info {
	    padding: 30px 0;
	}

	footer img{
		width: auto !important;
	}

	.footer-info ul {
	    width: 96%;
	    height: auto;
	    float: left;
	    display: block; 
	    justify-content: center; 
	    text-align: center;
	    margin:0 0 20px 2%;
	}

	.footer-info ul li {
	    width: 20%;
	    padding: 0;
	    float: left;
	    text-align: center;
	    margin: 0 0 10px 0;
	}

	.footer-info ul li:nth-child(6){
	    display: block;
	}

	.footer-info div{
	    margin: 0 0 10px 0;
	}



	.footer-info ul li a {
	    color: #ffffff;
	}

	.footer-info ul li a:hover {
	    color: red;
	}

	.footer-info ul li span {
	    border-right:none;
	}

	.nav span:nth-child(1){
	    font-weight: 800;
	}

	.nav_type{
	    width: 100%;
	    height: auto;
	    float: left;
	}

	.nav_type ul li{
	    width: 30%;
	    height: 60px;
	    float: left;
	    border:1px solid #eeeeee;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin:10px 1.5%;
	    border-radius: 5px;
	    padding:0 3%;
	}

	.nav_type ul li span:nth-child(1) {
	    width: 100%;
	    float: left;
	    display: block;
	    text-align: center;
	    padding:0;
	}

	.nav_type ul li span:nth-child(2){
		display: none;
	}

	.product_summary,.product_info,.product-content{
		max-width: 414px;
		min-width: none;
	    height: auto;
	    float: left;
	    width: 100%;
		padding:0 2%;
	}


	.product_image,.product_image img{
	    width: 100%;
	    height: auto;
	    float: left;
	}

	.product_info div{
	    width: 100%;
	    height: auto;
	    float: left;
	    padding:5px 0;
	    text-align: left;
	}

	.product_info div:nth-child(1){
	    font-weight: bold;
	}

	.product-content-info-header{
	    width: 100%;
	    height: 50px;
	    line-height: 60px;
	    font-size: 16px;
	    font-weight: bold;
	    float: left;
	    text-align: left;
	    border-bottom: 1px solid #eeeeee;
	}

	.product-content{
	    padding:0 2%;
	}

	.product-content-detail img{
	    width: 100%;
	    height: auto;
	    float: left;
	}

	.content-info {
	    width: 100%;
	    height: auto;
	    float: left;
	}

	.content-info-header span:nth-child(1){
		text-align: center;
	}

	.content-info-right{
		width: 100%;
		height: auto;
		float: left;
	}

	.content-summary-title span {
	    width: 50%;
	    height:50px;
	    line-height: 50px;
	    float: left;
	    display: block;
	}


















	.nav_type{
		display: none;
	}

	#header_html{
		display: block;
	}

	.nav_image_txt{
		display: block;
		box-shadow: 0 0 5px #dddddd;
		margin-top: 15px;
	}

	.nav_image_txt >div{
		width: 96%;
		height: auto;
		float: right;
		margin-left: 2%;
		border-bottom: 1px dashed #eeeeee;
		padding-bottom: 15px;
	}

	.nav_image_txt >div >a{
		width: 35%;
		float: left;
	}

	.nav_image_txt >div:last-child{
		border-bottom: none;

	}

	.nav_image_txt > div span:nth-child(2) {
	    width: 60%;
	    height: 45px;
	    float: right;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    text-align: left;
	    margin-top: 5px;
	    font-weight: bold;
	}

	.nav_image_txt > div span:nth-child(3) {
	    width: 60%;
	    float: right;
	    display: block;
	    text-align: left;
	    color: #717171;
	    margin-top: 50px;
	    font-size: 13px;
	}

	.nav_image_txt > div:nth-child(3n+3) {
   		 margin-right: 2%;
	}
	.advertisement_list{
		width:100%;
		margin:10px 0 0px 0;
		box-shadow: 0 0 10px #dddddd;
	}
	
	.advertisement_list ul{
       	width: 100%;
       	height: auto;
       	overflow-x: scroll;
       	overflow-y: hidden;
       	white-space: nowrap;       	
	}

	.advertisement_list ul li {
		width:100%;
		height: 70px;
		margin-right: 0;
		margin-bottom: 5px;
		display: inline-block;
		float: none;
	}
	.advertisement_list ul li img {
	    width: 95%;
	    height: 100%;
	    border-radius: 5px;
	    display: inline-block;
	    margin-left: 2.5%;
	}
	.machine-tool-info{
		width: 100%;
		float: left;
		background: #ffffff;
	}
	
	.machine-tool-info ul li {
	    height: auto;
	    margin-top: 20px;
	}

	.machine-tool-info ul li img {
	    width: 35%;
	    height: auto;
	    float: right;
	    border-radius: 5px;
	    height: 100PX;
	    margin-top: 10px;
	}

	.machine-tool-info ul li div {
	    width: 63%;
	    height: auto;
	    float: left;
	}

	.machine-tool-info ul li div span:nth-child(1) {
	    font-weight: 800;
	    margin-top: 10px;
	    font-size: 14px;
	}

	.machine-tool-info ul li div span:nth-child(2) {
	    font-weight: 800;
	    margin-top: 5px;
	    font-size: 14px;
	    display: block;
	}

	.machine-tool-info ul li div span:nth-child(3) {
	    width: 100%;
	    height: 50px;
	    text-align: left;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    color: #919191;
	    font-size: 14px;
	    margin-top: 10px;
	}

	.brand-list{
		width: 100%;
		float: left;
		background: #ffffff;
	}
	
	.brand-list ul {
	    width: 100%;
	    height: auto;
	    float: left;
	}
	.brand-list ul li {
	    width: 48%;
	    height: height;
	    float: left;
	    margin-top: 10px;
	    margin-right: 2%;
	}
	
	.brand-list ul li:nth-child(2n+2) {
	    margin-right: 2%;
	}

	.brand-list ul li:nth-child(4n+4) {
	    margin-right: 0%;
	}
	.brand-list ul li img {
	    border: 1px solid #dddddd;
	    border-radius: 5px;
	    width: 100%;
	    height: 50px;
	}
	
	.brand-list ul li span {
	    width: 100%;
	    height: 20px;
	    float: left;
	    text-align: center;
	    margin-top: 5px;
	    font-size: 14px;
	}
	.nav_type_image{
		width: 100%;
		padding:0;
	}

	/*.swiper-container{
		margin-top: 50px;
	}*/
	.swiper-container img{
		height: auto;
		height: 250px;
	}

	.swiper-slide div:nth-child(2){
		display: none;
	}
	
	.nav_type_news{
		font-size: 16px;
		width: 100%;
		height: auto;
		float: left;
		background: #ffffff;
		box-shadow: 0 0 5px #dddddd;
	}
	.news_list{
		display: none;
	}
	.news_list_mobile{
		width: 100%;
		height: auto;
		display: block;
		float: left;
	}
	
	.news_list_mobile ul:nth-child(2){
		display: none;
	}
	.news_header_active{
		border-bottom: none;
	}

	.news_header{
		width: 96%;
		height: 40px;
		line-height: 40px;
		border-bottom: none;
		text-align: left;
		padding:5px 2%;
		font-size: 16px !important;
	}

	.news_header div:nth-child(1) span,.news_header div:nth-child(2) span{
		width: 100%;
		display: block;
		float: left;
		height: 40px;
		line-height: 40px;
	}

	.news_list_mobile ul li{
		width: 100%;
		height: auto;
		float: left;
		padding:20px 2%;
	}

	.news_list_mobile ul li div{
		float: left;
		width: 60%;
		text-align: left;
	}

	.news_list_mobile ul li img{
		width: 35%;
		height: 100px;
		float: right;
		border-radius: 5px;
	}

	.news_list_mobile ul li div a{
		width: 100%;
		height: 45px;
		text-align: left;
		font-weight: bold;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	.news_list_mobile ul li div span{
		margin-top: 5px;
		font-size: 14px;
		color: #919191;
	}
	.news_list_mobile ul li div span:nth-child(2){
		width: 100%;
		height: 45px;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.nav_type_mobile{
		width: 100%;
		height: auto;
		float: left;
		box-shadow: 0 0 10px #dddddd;
		margin:10px 0 0 0;
		background: #ffffff;
		display: block;
	}

	.nav_type_mobile ul{
		width: 100%;
		height: auto;
		float: left;
		margin:20px 0;
	}

	.nav_type_mobile ul li{
		width: 25%;
		height: auto;
		float: left;
		padding:10px 0 0 0;
	}
	
	.nav_type_mobile ul li img{
		width: 60%;
	}
	.nav_type_mobile ul li span{
		width: 100%;
		display: block;
		float: left;
		font-size: 16px;
	}
	
	.swiper-pagination-mobile{
		height: 40px;
		line-height: 40px;
	}
	.swiper-pagination-mobile span{
		width: 10px;
		height: 4px;
		display: inline-block;
		margin:0 2px;
		border-radius: 50px;
	}
	.swiper-pagination-bullet-mobile{
		background: #dddddd;
	}

	.swiper-pagination-bullet-active-mobile{
		background:#2977f6;
	}

	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		height: 30px;
		line-height: 30px;
	}

	.company_summary img{
		width: 100%;
	}
	.company_summary div{
		width: 100%;
	}

}